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 &amp; DHTML 实例编程(教程)基础知识
Jun 02 Javascript
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
详解Javascript继承的实现
Mar 25 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 Javascript
vue-cli4.5.x快速搭建项目
May 30 Vue.js
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
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
谈谈PHP语法(4)
2006/10/09 PHP
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
缓存技术详谈―php
2006/12/14 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
php面向对象重点知识分享
2019/09/27 PHP
删除重复数据的算法
2006/11/23 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
jquery 笔记 事件
2011/11/02 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
python多进程共享变量
2016/04/06 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
公司培训心得体会
2014/01/03 职场文书
顶岗实习接收函
2014/01/09 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
转预备党员政审材料
2014/02/06 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
朋友聚会开场白
2015/06/01 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书