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 相关文章推荐
js判断是否按下了Shift键的方法
Jan 27 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
jQuery四种选择器使用及示例
Jun 05 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
详解RequireJs官方使用教程
Oct 31 Javascript
EasyUI实现下拉框多选功能
Nov 07 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
Vuex新手的理解与使用详解
May 31 Javascript
如何实现一个简易版的vuex持久化工具
Sep 11 Javascript
Vue基于iview table展示图片实现点击放大
Aug 05 Javascript
CocosCreator如何实现划过的位置显示纹理
Apr 14 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实现对文件压缩简单的方法
2019/09/29 PHP
jquery的颜色选择插件实例代码
2008/10/02 Javascript
Aptana调试javascript图解教程
2009/11/30 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
从源码看angular/material2 中 dialog模块的实现方法
2017/10/18 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
python对字典进行排序实例
2014/09/25 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
Python中一些深不见底的“坑”
2019/06/12 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
佳能德国网上商店:Canon德国
2017/03/18 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
财务出纳员岗位职责
2013/11/26 职场文书
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
理想演讲稿范文
2014/05/21 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
收入及婚姻状况证明
2014/11/20 职场文书
2014年法院工作总结
2014/11/24 职场文书
入党个人总结范文
2015/03/02 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏