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 相关文章推荐
csdn 批量接受好友邀请
Feb 19 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
用jquery写的一个万年历(自写)
Jan 20 Javascript
jQuery中的编程范式详解
Dec 15 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
Jul 07 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
layui表格数据重载
Jul 27 Javascript
小程序实现上下移动切换位置
Sep 23 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设计模式 Composite (组合模式)
2011/06/26 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
第一次接触神奇的Bootstrap菜单和导航
2016/08/01 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
javascript判断回文数详解及实现代码
2017/02/03 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
微信小程序可滑动月日历组件使用详解
2019/10/21 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
python使用正则搜索字符串或文件中的浮点数代码实例
2014/07/11 Python
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
Python自动化运维之Ansible定义主机与组规则操作详解
2019/06/13 Python
python3实现绘制二维点图
2019/12/04 Python
使用TensorFlow搭建一个全连接神经网络教程
2020/02/06 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
Structs界面控制层技术
2013/10/11 面试题
教师工作总结范文2014
2014/11/10 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
小学语文教师竞聘演讲稿范文
2019/08/09 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android
JavaScript 原型与原型链详情
2021/11/02 Javascript