调用Web服务和4个实例的jQuery的方法

您甚至为每个Ajax请求添加了一个结束页面!
你甚至想,Nima,如果你可以直接调用C #文件吗!(here FishLi has a framework that is interested in looking at it)
但是,你可能忘记了,我们是程序员,我们是懒惰的,我们必须让计算机为我们做更多的事情!(13)但是事实上,微软和jQuery牛帮我们解决了这个小问题。

一般的调用分为以下几部分:

首先,没有参数返回值的调用

前端JS代码:

复制代码代码如下所示:
$(# BTN1)。Click(function(){)
$ ajax({
类型:邮政
内容类型:应用程序/ JSON;字符集= UTF-8
网址:calledbyjquery .asmx HelloWorld /
数据:{
DataType:JSON
成功:函数(JSON){警报(JSON);},
错误:函数(错误){
警报(调用错误的错误。responseText);
}
});
});


背端WebMethod代码:

复制代码代码如下所示:
{ WebMethod }
公共字符串HelloWorld()
{
返回Hello World;
}

谷歌调试结果:


两个简单参数简单返回值调用

前端JS代码:

复制代码代码如下所示:
$(# BTN2)。Click(function(){)
$ ajax({
类型:邮政
内容类型:应用程序/ JSON;字符集= UTF-8
网址:calledbyjquery .asmx simplereturns /
数据:{姓名:' }
DataType:JSON
成功:函数(JSON){警报(JSON);},
错误:函数(错误){
警报(调用错误的错误。responseText);
}
});
});

背端WebMethod代码:

复制代码代码如下所示:
{ WebMethod }
字符串(String name)SimpleReturns
{
返回字符串。格式()您的名字是{ 0 }
}

谷歌调试结果:

三。复杂参数复返回值的调用
前端JS代码:
复制代码代码如下所示:
$(# BTN3)。Click(function(){)
$ ajax({
类型:邮政
内容类型:应用程序/ JSON;字符集= UTF-8
网址:calledbyjquery .asmx getstudentlist /
数据:{斯图:{编号:'6 ',名称:'ff} }
DataType:JSON
成功:函数(JSON){警报(JSON);},
错误:函数(错误){
警报(调用错误的错误。responseText);
}
});
});

后端WebMethod:

复制代码代码如下所示:
{ WebMethod }
上市getstudentlist(学生学习)
{
studentlist =新的列表清单
{
新学生{ = 1,名称=张圣},
新学生{ = 2,名称=李斯}
};
客户机从实体返回值中返回
studentlist添加(STU);
返回studentlist;
}
谷歌调试结果:

四。调用返回一个匿名对象WebMethod

前端JS代码:

复制代码代码如下所示:
$(# BTN4分别)。Click(function(){)
$ ajax({
类型:邮政
内容类型:应用程序/ JSON;字符集= UTF-8
网址:calledbyjquery .asmx returnnonameclass /
数据:{
DataType:JSON
成功:函数(JSON){警报(JSON);},
错误:函数(错误){
警报(调用错误的错误。responseText);
}
});
});

背端WebMethod代码:

复制代码代码如下所示:
{ WebMethod }
公共对象ReturnNoNameClass()
{
返回新的id = 1,name =张三};
}

谷歌调试结果:


哈哈,在这里,你觉得这么容易,我妈再也不用担心我的学习了,很多事情其实很简单,但是没有人告诉我们,我们自己在实际的发展中并没有这样的需求,所以给我们的发展造成了一些障碍,
所以,沟通是多么重要!