Jquery ajax传递复杂参数给WebService的实现代码


Posted in Javascript onAugust 08, 2011

Entity:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Runtime.Serialization; 
namespace Entity 
{ 
[DataContract] 
public class User 
{ 
[DataMember] 
public string Name 
{ 
get; 
set; 
} 
[DataMember] 
public int Age 
{ 
get; 
set; 
} 
} 
}

WebService:
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Services; 
using Entity; 
namespace JQuery.Handler 
{ 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.ComponentModel.ToolboxItem(false)] 
[System.Web.Script.Services.ScriptService] 
public class UserService1 : System.Web.Services.WebService 
{ 
[WebMethod] 
public string ComplexType(User hero,List<User> users) 
{ 
return hero.Name + " has " + users.Count + " people!"; 
} 
} 
}

Html:
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Ajax</title> 
<script src="../Scripts/jquery-1.6.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$("#btnWeb").click(function () { 
$.ajax( 
{ 
type: "post", 
url: "../Handler/UserService.asmx/ComplexType", 
dataType:"json", 
contentType:"application/json", 
data: '{"hero": {"Name":"zhoulq","Age":27},"users":[{"Name":"zhangs","Age":22},{"Name":"wangw","Age":26},{"Name":"liuj","Age":25}, 
{"Name":"luos","Age":24}]}', 
success: function (data) { $("#web").text(data.d); } 
}); 
}); 
}); 
</script> 
</head> 
<body> 
<input id="btnWeb" type="button" value="请求WebService" /><label id="web"></label> 
</body> 
</html>
Javascript 相关文章推荐
Javascript 读书笔记索引贴
Jan 11 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
实例介绍JavaScript中多种组合继承
Jan 20 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 Javascript
vue props 单项数据流实例分享
Feb 16 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
js+css3实现炫酷时钟
Aug 18 Javascript
keep-alive保持组件状态的方法
Dec 02 Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 #Javascript
基于jQuery实现的水平和垂直居中的div窗口
Aug 08 #Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 #Javascript
基于jQuery的前端数据通用验证库
Aug 08 #Javascript
JS基础之undefined与null的区别分析
Aug 08 #Javascript
jQuery的12招常用技巧分享
Aug 08 #Javascript
利用javascript的面向对象的特性实现限制试用期
Aug 04 #Javascript
You might like
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
php 防止表单重复提交两种实现方法
2016/11/03 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
JS的数组迭代方法
2015/02/05 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
详解nodejs与javascript中的aes加密
2016/05/22 NodeJs
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
angularJs利用$scope处理升降序的方法
2018/10/08 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
2020/02/19 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
numpy matrix和array的乘和加实例
2018/06/28 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
谈谈对css属性box-sizing的了解
2017/01/04 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
"引用"与多态的关系
2013/02/01 面试题
应届生服务员求职信
2013/10/31 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
商场促销活动策划方案
2014/08/18 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
群众路线专项整治方案
2014/10/27 职场文书
2014年房地产销售工作总结
2014/12/01 职场文书
Python中22个万用公式的小结
2021/07/21 Python