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 相关文章推荐
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
微信小程序链接传参并跳转新页面
Nov 29 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
详解Vue如何支持JSX语法
Nov 10 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
layer实现弹出层自动调节位置
Sep 05 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 Javascript
原生JS实现记忆翻牌游戏
Jul 31 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中获取时间的下一周下个月的方法
2014/03/18 PHP
php判断表是否存在的方法
2015/06/18 PHP
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
2015/06/14 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
Python调用系统底层API播放wav文件的方法
2017/08/11 Python
安装python时MySQLdb报错的问题描述及解决方法
2018/03/20 Python
Python QQBot库的QQ聊天机器人
2019/06/19 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
马德里著名的运动鞋商店:NOIRFONCE
2019/04/12 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
港湾网络笔试题
2014/04/19 面试题
软件测试笔试题
2012/10/25 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
室内设计实习自我鉴定
2013/09/25 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
民事二审代理词
2015/05/25 职场文书
火烧圆明园观后感
2015/06/03 职场文书
详解CSS故障艺术
2021/05/25 HTML / CSS
logback如何自定义日志存储
2021/08/30 Java/Android
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android