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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
Sep 29 Javascript
理解Javascript_09_Function与Object
Oct 16 Javascript
js格式化时间和js格式化时间戳示例
Feb 10 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
JavaScript EventEmitter 背后的秘密 完整版
Mar 29 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 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数组
2006/10/09 PHP
我的论坛源代码(六)
2006/10/09 PHP
php中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
php伪静态之APACHE篇
2014/06/02 PHP
php原生导出excel文件的两种方法(推荐)
2016/11/19 PHP
js函数般调用正则
2008/04/08 Javascript
常用一些Javascript判断函数
2012/08/14 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
实例详解带参数的 npm script
2019/05/28 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
Python调用C++程序的方法详解
2017/01/24 Python
用matplotlib画等高线图详解
2017/12/14 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
python plotly画柱状图代码实例
2019/12/13 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
python解包概念及实例
2021/02/17 Python
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
职业教育毕业生求职信
2013/11/09 职场文书
婚前协议书范本
2014/04/15 职场文书
借款协议书范本
2014/04/22 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
教师节联欢会主持词
2015/07/04 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
家庭教育教师培训学习体会
2016/01/14 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书