Jquery + Ajax调用webService实例代码(asp.net)


Posted in Javascript onAugust 27, 2010

webService中要实现ajax调用,则要加这句代码:
// 若要允许使用 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(); 
}); 
});
Javascript 相关文章推荐
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
js简单时间比较的方法
Aug 02 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
Nov 28 Javascript
JS二分查找算法详解
Nov 01 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
Aug 26 #Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 #Javascript
javascript oop开发滑动(slide)菜单控件
Aug 25 #Javascript
JavaScript初学者需要了解10个小技巧
Aug 25 #Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
Aug 25 #Javascript
js中判断控件是否存在
Aug 25 #Javascript
JavaScript浏览器选项卡效果
Aug 25 #Javascript
You might like
介绍一些PHP判断变量的函数
2012/04/24 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
php从字符串创建函数的方法
2015/03/16 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
window.location.hash 使用说明
2010/11/08 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
了不起的node.js读书笔记之例程分析
2014/12/22 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
举例讲解JavaScript中关于对象操作的相关知识
2015/11/16 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
jQuery实现可兼容IE6的遮罩功能详解
2017/09/19 jQuery
vue移动端下拉刷新和上拉加载的实现代码
2018/09/08 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
python变量不能以数字打头详解
2016/07/06 Python
Python数据结构与算法之二叉树结构定义与遍历方法详解
2017/12/12 Python
python+opencv实现动态物体追踪
2018/01/09 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
一套带答案的C++笔试题
2014/01/10 面试题
初中物理教学反思
2014/01/14 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
计算机求职自荐信范文
2014/04/19 职场文书
演讲稿祖国在我心中
2014/05/04 职场文书
职位说明书范文
2014/05/07 职场文书
建筑安全生产目标责任书
2014/07/23 职场文书
典型事迹材料范文
2014/12/29 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
python文件目录操作之os模块
2021/05/08 Python