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创建命名空间(namespace)的最简实现
Dec 11 Javascript
javascript Excel操作知识点
Apr 24 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
使用 bootstrap modal遇到的问题小结
Nov 09 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
vue二级路由设置方法
Feb 09 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
vue实现滚动鼠标滚轮切换页面
Dec 13 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代码
2010/08/08 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
jQuery表单对象属性过滤选择器实例详解
2016/09/13 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
Python冒泡排序注意要点实例详解
2016/09/09 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
Django实现快速分页的方法实例
2017/10/22 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
财产公证书格式
2014/04/10 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
世界地球日活动总结
2015/02/09 职场文书
医生辞职信范文
2015/03/02 职场文书
公司人事管理制度
2015/08/05 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技
SQL使用复合索引实现数据库查询的优化
2022/05/25 SQL Server
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS