Jquery + Ajax调用webService实例代码(asp.net)
2018-10-12 14:02
741 查看
webService中要实现ajax调用,则要加这句代码:
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
代码下载 /201008/yuanma/WebService2.rar
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
代码下载 /201008/yuanma/WebService2.rar
//无参数调用
$(document).ready(function() {
$('#btn1').click(function() {
$.ajax({
type: "POST", //访问WebService使用Post方式请求
contentType: "application/json", //WebService 会返回Json类型
url: WebServiceURL + "WebService1.asmx/HelloWorld", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
data: "{}", //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到
dataType: 'json',
success: function(result) { //回调函数,result,返回值
$('#dictionary').append(result.d);
}
});
});
});
//有参数调用
$(document).ready(function() {
$("#btn2").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetWish",
data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",
dataType: 'json',
success: function(result) {
$('#dictionary').append(result.d);
}
});
});
});
//返回集合(引用自网络,很说明问题)
$(document).ready(function() {
$("#btn3").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetArray",
data: "{i:10}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this.toString() + " ");
//alert(result.d.join(" | "));
});
}
});
});
});
//返回复合类型
$(document).ready(function() {
$('#btn4').click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetClass",
data: "{}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this['ID'] + " " + this['Value']);
//alert(result.d.join(" | "));
});
}
});
});
});
//返回DataSet(XML)
$(document).ready(function() {
$('#btn5').click(function() {
$.ajax({
type: "POST",
url: WebServiceURL + "WebService1.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返回的类型为XML ,和前面的Json,不一样了
success: function(result) {
//演示一下捕获
try {
$(result).find("Table1").each(function() {
$('#dictionary').append($(this).find("ID").text() + " " + $(this).find("Value").text());
});
}
catch (e) {
alert(e);
return;
}
},
error: function(result, status) { //如果没有上面的捕获出错会执行这里的回调函数
if (status == 'error') {
alert(status);
}
}
});
});
});
//Ajax 为用户提供反馈,利用ajaxStart和ajaxStop 方法,演示ajax跟踪相关事件的回调,他们两个方法可以添加给jQuery对象在Ajax前后回调
//但对与Ajax的监控,本身是全局性的
$(document).ready(function() {
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});
您可能感兴趣的文章:
- jQuery AJAX 调用WebService实现代码
- 关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
- jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
- asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
- Jquery ajax传递复杂参数给WebService的实现代码
- Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
- Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
- Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
- Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
- jQuery ajax调用webservice注意事项
相关文章推荐
- Jquery + Ajax调用webService实例代码(asp.net)
- Jquery+asp.net实现Ajax方式文件下载实例代码
- jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
- jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
- ASP.NET Ajax实例—Javascript直接调用服务器C#代码
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- ASP.NET Ajax实例—Javascript直接调用服务器C#代码
- ASP.NET Ajax实例—Javascript直接调用服务器C#代码
- ASP.NET中AJAX 调用实例代码
- jQuery Ajax方法调用 Asp.Net WebService、WebMethod 的详细实例代码
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- Javascript 直接调用服务器C#代码 ASP.NET Ajax实例
- ASP.NET Ajax实例—Javascript直接调用服务器C#代码
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- JQuery的$.ajax()调用asp.net的后台方法样例代码
- Javascript 直接调用服务器C#代码 ASP.NET Ajax实例
- ASP.NET中AJAX 调用实例代码
- 使用ASP.NET AJAX调用后台WebService优化网站性能实例
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码