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效率个人经验谈(8-15更新),加入range技巧
Jan 09 Javascript
用JS实现的一个include函数
Jul 21 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
基于datagrid框架的查询
Apr 08 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 Javascript
使用js复制链接中的部分文字的方法
Jul 30 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
Oct 10 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 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获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
js验证表单大全
2006/11/25 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
2012/07/20 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
2013/03/04 Javascript
jQuery设置与获取HTML,文本和值的简单实例
2014/02/26 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
继续学习javascript闭包
2015/12/03 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
[01:07:34]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第二场 1月9日
2021/03/11 DOTA
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
python 将md5转为16字节的方法
2018/05/29 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
2014国培学习感言
2014/03/05 职场文书
创业女性典型材料
2014/05/02 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
教师工作表现评语
2014/12/31 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
借款民事起诉状范文
2015/05/19 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
Python  lambda匿名函数和三元运算符
2022/04/19 Python
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技