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 相关文章推荐
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
javascript原型继承工作原理和实例详解
Apr 07 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
Jul 24 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面向对象自动加载机制原理与用法分析
2016/10/14 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
取得传值的函数
2006/10/27 Javascript
js字符编码函数区别分析
2008/06/05 Javascript
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
JS和css实现检测移动设备方向的变化并判断横竖屏幕
2015/05/25 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
laypage.js分页插件使用方法详解
2019/07/27 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
Python采用Django开发自己的博客系统
2020/09/29 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
python 对key为时间的dict排序方法
2018/10/17 Python
Python给图像添加噪声具体操作
2019/03/03 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
Python 切分数组实例解析
2019/11/07 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
利用CSS3的checked伪类实现OL的隐藏显示的方法
2010/12/18 HTML / CSS
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
欧洲最古老的鞋厂:Peter Kaiser
2019/11/05 全球购物
高职教师岗位职责
2013/12/24 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
创先争优承诺书范文
2014/03/31 职场文书
四风对照检查材料范文
2014/09/27 职场文书
党员干部学习心得体会
2016/01/23 职场文书
i7 6700处理器相当于i5几代
2022/04/19 数码科技
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL