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 相关文章推荐
js 变量类型转换常用函数与代码[比较全]
Dec 01 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 Javascript
javascript获取web应用根目录的方法
Feb 12 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
Aug 18 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
Aug 04 Javascript
vant 中van-list的用法说明
Nov 11 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实现mysql同步的实现方法
2009/10/21 PHP
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
php遍历替换目录下文件指定内容的方法
2016/11/10 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
禁止js文件缓存的代码
2010/04/09 Javascript
js href的用法
2010/05/13 Javascript
JS控件的生命周期介绍
2012/10/22 Javascript
jquery退出each循环的写法
2014/02/26 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
浅谈node.js中async异步编程
2015/10/22 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
[01:03:56]Mineski vs TNC 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python线程池threadpool使用篇
2018/04/27 Python
Python函数参数操作详解
2018/08/03 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
python列表推导式操作解析
2019/11/26 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
新浪网技术部笔试题
2016/08/26 面试题
日语专业毕业生自荐信
2013/11/11 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
求职个人评价范文
2014/04/09 职场文书
团日活动总结书
2014/05/08 职场文书
2014基层党员批评与自我批评范文
2014/09/24 职场文书
解除劳动关系协议书2篇
2014/11/28 职场文书
售后服务质量承诺书
2015/04/29 职场文书
2015年高校就业工作总结
2015/05/04 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
nginx配置虚拟主机的详细步骤
2021/07/21 Servers
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技