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 小型打飞机游戏实现原理说明
Oct 28 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
Javascript实现禁止输入中文或英文的例子
Dec 09 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
jquery实现全屏滚动
Dec 28 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
JS实现继承的几种常用方式示例
Jun 22 Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
Ajax实现异步加载数据
Nov 17 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代码
2012/07/14 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
使用php实现截取指定长度
2013/08/06 PHP
PHP使用header()输出图片缓存实例
2014/12/09 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
深入了解Node.js中的一些特性
2014/09/25 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
php+ajax+jquery实现点击加载更多内容
2015/05/03 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
JS实现数组按升序及降序排列的方法
2017/04/26 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
2019/03/28 Javascript
[49:27]LGD vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
python虚拟环境的安装和配置(virtualenv,virtualenvwrapper)
2019/08/09 Python
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
EJB发布WEB服务一般步骤
2012/10/31 面试题
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
学院书画协会部门职责
2013/11/28 职场文书
魅力教师事迹材料
2014/01/10 职场文书
专业技术职务聘任书
2014/03/29 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
物流管理专业推荐信
2014/09/06 职场文书
门市房租房协议书
2014/12/04 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
门卫岗位职责
2015/02/09 职场文书
歌舞青春观后感
2015/06/10 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android