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判断CSS浏览器类型前缀的两种方法
Oct 08 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
Node.js实现数据推送
Apr 14 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
浅谈js原生拖放
Nov 21 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
Angular简单验证功能示例
Dec 22 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
js简单实现自动生成表格功能示例
Jun 02 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
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+mysql保存和输出文件
2006/10/09 PHP
PHP header函数分析详解
2011/08/06 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
php格式化金额函数分享
2015/02/02 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
谈谈PHP连接Access数据库的注意事项
2016/08/12 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
jquery禁用右键示例
2014/04/28 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
轮播图组件js代码
2016/08/08 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
小结Python用fork来创建子进程注意事项
2014/07/03 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
Python logging模块用法示例
2018/08/28 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
python 创建一维的0向量实例
2019/12/02 Python
python两个list[]相加的实现方法
2020/09/23 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
Java语言程序设计测试题判断题部分
2013/01/06 面试题
应届生的求职推荐信范文
2013/11/30 职场文书
白酒市场开发计划书
2014/01/09 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
美丽家庭事迹材料
2014/05/03 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
安全生产标语大全
2014/10/06 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
Html5同时支持多端sdk的小技巧
2021/11/17 HTML / CSS