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 相关文章推荐
ajax处理php返回json数据的实例代码
Jan 24 Javascript
js判断是否为ie的方法小结
Jan 13 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
php,js,css字符串截取的办法集锦
Sep 26 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
JavaScript数组方法总结分析
May 06 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
JS实现获取进今年第几天是周几的方法分析
Jun 27 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
JS使用cookie保存用户登录信息操作示例
May 30 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实现删除字符串中任何字符的函数
2015/08/11 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
python实现的简单猜数字游戏
2015/04/04 Python
Python时间获取及转换知识汇总
2017/01/11 Python
python 调用win32pai 操作cmd的方法
2017/05/28 Python
Flask框架web开发之零基础入门
2018/12/10 Python
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
详解python中index()、find()方法
2019/08/29 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
Hotels.com南非:酒店预订
2017/11/02 全球购物
飞利浦法国官网:Philips法国
2019/07/10 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
党委书记岗位职责
2013/11/24 职场文书
食堂采购员岗位职责
2014/03/17 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
矛盾论读书笔记
2015/06/29 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
Python实现生成bmp图像的方法
2021/06/13 Python
什么是Python装饰器?如何定义和使用?
2022/04/11 Python
MySQL 计算连续登录天数
2022/05/11 MySQL