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 相关文章推荐
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
Mar 20 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
Aug 25 Javascript
Javascript闭包实例详解
Nov 29 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
整理关于Bootstrap导航的慕课笔记
Mar 29 Javascript
jquery append与appendTo方法比较
May 24 jQuery
js学习心得_一个简单的动画库封装tween.js
Jul 14 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 Javascript
JavaScript中继承原理与用法实例入门
May 09 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
阿拉伯的咖啡与水烟
2021/03/03 咖啡文化
php UTF8 文件的签名问题
2009/10/30 PHP
php中Y2K38的漏洞解决方法实例分析
2014/09/22 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
Vue组件开发初探
2017/02/14 Javascript
require.js 加载过程与使用方法介绍
2018/10/30 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
详解Python中的相对导入和绝对导入
2017/01/06 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
修改默认的pip版本为对应python2.7的方法
2018/11/06 Python
python学习开发mock接口
2019/04/28 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
党员一帮一活动总结
2014/07/08 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
见习报告的格式
2014/11/04 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python
MySQL 1130异常,无法远程登录解决方案详解
2021/08/23 MySQL
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS