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架构javascript基础体系
Jan 01 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
jquery中的事件处理详细介绍
Jun 24 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
Vue.js学习笔记之 helloworld
Aug 14 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
Aug 30 Javascript
VUE 实现滚动监听 导航栏置顶的方法
Sep 11 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
JavaScript中CreateTextFile函数
Aug 30 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
Oracle Faq(Oracle的版本)
2006/10/09 PHP
基于PHP Web开发MVC框架的Smarty使用说明
2013/04/19 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
php基于mcrypt_encrypt和mcrypt_decrypt实现字符串加密解密的方法
2016/07/12 PHP
做网页的一些技巧(续)
2007/02/01 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
微信小程序文章详情页面实现代码
2018/09/10 Javascript
在vue 中使用 less的教程详解
2018/09/26 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
vue总线机制(bus)知识点详解
2020/05/10 Javascript
vue编写简单的购物车功能
2021/01/08 Vue.js
python select.select模块通信全过程解析
2017/09/20 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
浅析python打包工具distutils、setuptools
2018/04/20 Python
python 消费 kafka 数据教程
2019/12/21 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
主管会计岗位责任制
2014/02/10 职场文书
护士节策划方案
2014/05/19 职场文书
党的群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
小学运动会报道稿
2014/10/04 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
文明单位申报材料
2014/12/23 职场文书
教师节老师寄语
2015/05/28 职场文书
观后感开头
2015/06/19 职场文书
Python OpenCV快速入门教程
2021/04/17 Python