JQuery调用WebService传递不同类型参数的处理

Jquery提供了$.ajax强大方法，使得其调用webservice实现异步变得简单起来。本文主要介绍以Json方式进行对应参数的处理。

　　//无参数调用

　　webservice服务方法:

　　[WebMethod]

　　public string GetNo()

　　{

　　return new T_Stock_OrderManager().GetNo();

　　}

　　对应Jquery调用

　　$.ajax({

　　type: "POST",

　　contentType: "application/json",

　　url: "WebService.asmx/ GetNo ",

　　dataType: "json",

　　data: "{}",

　　success: function (result) {

　　alert(result.d);

　　},

　　error:function(ms){

　　alert("异常"+ms);

　　}

　　});

　　//简单参数的传递

　　[WebMethod]

　　public T_Stock_Order GetT_Stock_Order(int pageSize, string name)

　　{

　　return new T_Stock_OrderManager().GetT_Stock_Order(pageSize, name );

　　}

　　对应Jquery调用

　　$.ajax({

　　type: "POST",

　　contentType: "application/json",

　　url: "WebService.asmx/GetT_Stock_Order",

　　dataType: "json",

　　data: "{'pageSize':1,' name ':‘" + pageIndex + "’}",//注意字段串需要加单引号

　　success: function (result) {

　　//返回数据的操作处理

　　$("#Text3").val(result.d.F_billno);

　　$("#Text4").val(result.d.F_billdate);

　　$("#Text1").val(result.d.F_customer);

　　$("#Text2").val(result.d.F_customer_address);

　　$("#Text5").val(result.d.F_buyer);

　　$("#Text6").val(result.d.F_maker);

　　$("#Text7").val(result.d.F_permitter);

　　$("#Text8").val(result.d.F_permit_date);

　　// $("#Text4").val(result.d.F_remark);

　　GetT_Stockorder_DetailAll();

　　},

　　error:function(ms){

　　alert("异常"+ms);

　　}

　　});

　　//对象类型参数的传递

　　[WebMethod]

　　public int Insert(User user)

　　{

　　return new UserManager().Insert(user);

　　}

　　public class User

　　{

　　public int Id { get; set; }

　　public string Name { get; set; }

　　public int Age{ get; set; }

　　}

　　对应Jquery调用

　　$.ajax({

　　type: "POST",

　　contentType: "application/json",

　　url: "WebService.asmx/Insert",

　　dataType: "json",

　　data: "{‘user’:{'Id':1,'Name':'张三','Age':18}}",

　　success: function (result) {

　　if (result.d == "1") {

　　alert("添加成功");

　　}

　　},

　　error:function(ms){

　　alert("异常"+ms);

　　}

　　});

　　//泛型集合参数传递

　　[WebMethod]

　　public int Insert(Listlist)

　　{

　　return new UserManager ().Insert(list);

　　}

　　对应Jquery调用

　　$.ajax({

　　type: "POST",

　　contentType: "application/json",

　　url: "WebService.asmx/Insert",

　　dataType: "json",

　　data: "{‘list’:[ {'Id':1,'Name':'张三','Age':18} ,{'Id':2,'Name':'王五','Age':19}]}",//注意有个中括号

　　success: function (result) {

　　if (result.d == "1") {

　　alert("添加成功");

　　}

　　},

　　error:function(ms){

　　alert("异常"+ms);

　　}

　　});

　　//泛型集合数组参数传递

　　[WebMethod]

　　public int Insert(Dictionary[]students)

　　{

　　return new UserManager ().Insert(list);

　　}

　　对应Jquery调用

　　$.ajax({

　　type: "POST",

　　contentType: "application/json",

　　url: "WebService.asmx/Insert",

　　dataType: "json",

　　data: "{'students':[{'name':'张三','sex':'男','age':'20'},{'name':'王五','sex':'男','age':'19'}]}",//注意有个中括号

　　success: function (result) {

　　if (result.d == "1") {

　　alert("添加成功");

　　}

　　},

　　error:function(ms){

　　alert("异常"+ms);

　　}

　　});

　　以上就是jquery调用webservice传递参数的几种方式