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 SHA-1:Secure Hash Algorithm
Dec 20 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
JavaScript仿静态分页实现方法
Aug 04 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 Javascript
页面间固定参数,通过cookie传值的实现方法
May 31 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
玩转Koa之核心原理分析
Dec 29 Javascript
JavaScript React如何修改默认端口号方法详解
Jul 28 Javascript
原生JavaScript实现购物车
Jan 10 Javascript
Vue实现todo应用的示例
Feb 20 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
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
在jQuery中 关于json空对象筛选替换
2013/04/15 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
javascript闭包的理解
2015/04/01 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
2016/06/03 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
初步认识Python中的列表与位运算符
2015/10/12 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
python的pip安装以及使用教程
2018/09/18 Python
Python实现注册、登录小程序功能
2018/09/21 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
Django之腾讯云短信的实现
2020/06/12 Python
python怎么删除缓存文件
2020/07/19 Python
Python基于内置函数type创建新类型
2020/10/22 Python
python中最小二乘法详细讲解
2021/02/19 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
怎样创建、运行java程序
2014/08/01 面试题
残疾人创业典型事迹
2014/02/01 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
书香家庭事迹材料
2014/05/09 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
高中军训感想
2015/08/07 职场文书
小学四年级作文之写景
2019/08/23 职场文书
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python