StuList = new List();

for (int i = 0; i < 10; i++)

{

Student s = new Student();

s.Sid = i + 1;

s.Name = "Tom"+s.Sid;

s.Sex = "男";

s.Age = i + 1;

StuList.Add(s);

}

return StuList;

}

}

}

注意：我们分别看一下这几个方法的签名，这很重要，因为方法签名决定了你调用必须遵守的规则，本文中我们用的是post方法，所以只给出post的方法签名。

1.HelloWebService

说明：请求的页面的地址: /MyWebService.asmx/HelloWebService;主机地址为:192.168.0.194;端口号：如果不是80端口，必须给出。

调用该服务的完整路径为：http://192.168.0.194:85/MyWebService.asmx/HelloWebService 。(具体情况，具体分析)

2.HelloSomeBody

说明：请求的页面的地址: /MyWebService.asmx/HelloSomeBody;主机地址为:192.168.0.194;端口号：如果不是80端口，必须给出。

“name=string”说明，请求该服务时，需要提供参数。

调用该服务的完整路径为：http://192.168.0.194:85/MyWebService.asmx/HelloSomeBody 。(具体情况，具体分析)

3.SetStudentInfo

说明：请求的页面的地址: /MyWebService.asmx/SetStudentInfo;主机地址为:192.168.0.194;端口号：如果不是80端口，必须给出。

注意参数说明。

调用该服务的完整路径为：http://192.168.0.194:85/MyWebService.asmx/SetStudentInfo 。(具体情况，具体分析)

4.GetMulStudentInfos

说明：请求的页面的地址: /MyWebService.asmx/HelloSomeBody;主机地址为:192.168.0.194;端口号：如果不是80端口，必须给出。

调用该服务的完整路径为：http://192.168.0.194:85/MyWebService.asmx/GetMulStudentInfos。(具体情况，具体分析)

3.下面是核心部分，也就是调用服务的Ajax脚本代码。CallWebService.js

$(document).ready(pageLoad);

// 载入时进行执行的方法

function pageLoad() {

BindCallHello();

BindCallBody();

BindGetSingleStudent();

BindGetMulStudents();

}

// 调用HelloWebService

function BindCallHello(){

$("#btnCallHello").click(function() {

$.ajax({

type: "post", //访问WebService使用Post方式请求

url: "http://192.168.0.194:85/MyWebService.asmx/HelloWebService", //调用Url(WebService的地址和方法名称组合---WsURL/方法名)

data: {}, //这里是要传递的参数，为Json格式{paraName:paraValue}

contentType: "Application/Json", // 发送信息至服务器时内容编码类型

beforeSend: function(XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Accept", "Application/Json"); // 接受的数据类型。(貌似不起作用，因为WebService的请求/返回 类型是相同的，由于请求的是Json，所以，返回的默认是Json)

},

success: function(data) {

var jsonValue = data;

alert(jsonValue.d);// 输出Json

},

complete: function(XMLHttpRequest, textStatus) {

var returnText = XMLHttpRequest.responseText;

$("#backData").html(returnText);// 输出服务器端返回数据

}

});

});

}

// 调用调用HelloSomeBody

function BindCallBody() {

$("#btnCallBody").click(function() {

var name = $("#txtName").val();

$.ajax({

type: "post", //访问WebService使用Post方式请求

url: "http://192.168.0.194:85/MyWebService.asmx/HelloSomeBody", //调用Url(WebService的地址和方法名称组合---WsURL/方法名)

data: "{name:'" + name + "'}", //这里是要传递的参数，为Json格式{paraName:paraValue}

contentType: "Application/Json", // 发送信息至服务器时内容编码类型

beforeSend: function(XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Accept", "Application/Json"); // 接受的数据类型。(貌似不起作用，因为WebService的请求/返回 类型是相同的，由于请求的是Json，所以，返回的默认是Json)

},

success: function(data) {

var jsonValue = data;

alert(jsonValue.d); // 输出Json

},

complete: function(XMLHttpRequest, textStatus) {

var returnText = XMLHttpRequest.responseText;

$("#backData").html(returnText); // 输出服务器端返回数据

}

});

});

}

function BindGetSingleStudent() {

$("#btnSinStuInfo").click(function() {

var stuSid = $("#txtStuSid").val();

var stuName = $("#txtStuName").val();

var stuSex = $("#txtStuSex").val();

var stuAge = $("#txtStuAge").val();

$.ajax({

type: "post", //访问WebService使用Post方式请求

url: "http://192.168.0.194:85/MyWebService.asmx/SetStudentInfo", //调用Url(WebService的地址和方法名称组合---WsURL/方法名)

data: "{name:'" + stuName +"',sex:'"+stuSex+"',age:'"+stuAge+"',sid:'"+stuSid+ "'}", //这里是要传递的参数，为Json格式{paraName:paraValue}

contentType: "Application/Json", // 发送信息至服务器时内容编码类型

beforeSend: function(XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Accept", "Application/Json"); // 接受的数据类型。(貌似不起作用，因为WebService的请求/返回 类型是相同的，由于请求的是Json，所以，返回的默认是Json)

},

success: function(data) {

var jsonValue = data;

alert(jsonValue.d.Sid); // 输出Json

},

complete: function(XMLHttpRequest, textStatus) {

var returnText = XMLHttpRequest.responseText;

$("#backData").html(returnText); // 输出服务器端返回数据

}

});

});

}

function BindGetMulStudents() {

$("#btnMulStuInfos").click(function() {

$.ajax({

type: "post", //访问WebService使用Post方式请求

url: "http://192.168.0.194:85/MyWebService.asmx/GetMulStudentInfos", //调用Url(WebService的地址和方法名称组合---WsURL/方法名)

data: {}, //这里是要传递的参数，为Json格式{paraName:paraValue}

contentType: "Application/Json", // 发送信息至服务器时内容编码类型

beforeSend: function(XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Accept", "Application/Json"); // 接受的数据类型。(貌似不起作用，因为WebService的请求/返回 类型是相同的，由于请求的是Json，所以，返回的默认是Json)

},

success: function(data) {

var jsonValue = data;

alert(jsonValue.d[0].Sid); // 输出Json

},

complete: function(XMLHttpRequest, textStatus) {

var returnText = XMLHttpRequest.responseText;

$("#backData").html(returnText); // 输出服务器端返回数据

}

});

});

}

说明：相关注释写的很详细，应该地球人都知道。应该是玩程序的地球人都知道。

总结：

至此，所有代码知识点，都已经贴出来了。

细心的读者应该能发现，我之所以很赘述的把4个服务方法都列了出来，其实是想让大家看清楚，每个方法的侧重点不同。调用方法上包括：无参数的调用，参数调用。

返回值类型上包括：返回字符串，返回自定义实体数据。

所有返回值都为Json数据。Json数据作为返回值，近来大受亲睐。