jquery调用webservice传递参数的几种方式

最新推荐文章于 2020-11-28 17:03:00 发布

御行所

最新推荐文章于 2020-11-28 17:03:00 发布

阅读量2.7k

点赞数

本文链接：https://blog.youkuaiyun.com/u012698249/article/details/78731124

版权

.net 专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了如何使用Jquery的$.ajax方法，以Json格式进行参数处理，轻松实现调用WebService的异步操作。在success回调函数中进行返回数据的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引自百度经验https://jingyan.baidu.com/article/fea4511a4f851df7bb91258d.html

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传递参数的几种方式