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 相关文章推荐
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
Jun 11 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
Vue源码解析之数组变异的实现
Dec 04 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
手写实现JS中的new
Nov 07 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函数utf8转gb2312编码
2006/12/21 PHP
PHP数据类型的总结分析
2013/06/13 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
PHP7 foreach() 函数修改
2021/03/09 PHP
javascript 面向对象编程基础 多态
2009/08/21 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
实现JavaScript中继承的三种方式
2009/10/16 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
Vue.js实现微信过渡动画左右切换效果
2017/06/13 Javascript
谈谈React中的Render Props模式
2018/12/06 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
python获取文件版本信息、公司名和产品名的方法
2014/10/05 Python
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
推荐11个实用Python库
2015/01/23 Python
python中global用法实例分析
2015/04/30 Python
bpython 功能强大的Python shell
2016/02/16 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
一百多行python代码实现抢票助手
2018/09/25 Python
python实现控制台打印的方法
2019/01/12 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
详解Django ORM引发的数据库N+1性能问题
2020/10/12 Python
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
学生检讨书怎么写?
2014/10/10 职场文书
个人投资合作协议书
2014/10/12 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
运动会3000米加油稿
2015/07/21 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
关于Redis的主从复制及哨兵问题
2022/06/16 Redis