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 相关文章推荐
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
jQuery Migrate 1.1.0 Released 注意事项
Jun 14 Javascript
javascript中undefined与null的区别
Aug 16 Javascript
使用jQuery加载html页面到指定的div实现方法
Jul 13 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
vue keep-alive请求数据的方法示例
May 16 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
Feb 21 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 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数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
自定义php类(查找/修改)xml文档
2013/03/26 PHP
PHP异常处理浅析
2015/05/12 PHP
javascript中对对层的控制
2006/12/29 Javascript
javascript 写的一个简单的timer
2009/07/30 Javascript
javascript 节点排序 2
2011/01/31 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
Python中的高级数据结构详解
2015/03/27 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
使用tensorflow实现AlexNet
2017/11/20 Python
python unittest实现api自动化测试
2018/04/04 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
点菜员岗位职责范本
2014/02/14 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
目标责任书范本
2014/04/16 职场文书
保密工作整改报告
2014/11/06 职场文书
学习保证书怎么写
2015/02/26 职场文书
报案材料怎么写
2015/05/25 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers
muduo TcpServer模块源码分析
2022/04/26 Redis
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android