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
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
JS不间断向上滚动效果代码
Dec 25 Javascript
js获取当前地址 JS获取当前URL的示例代码
Feb 26 Javascript
jquery实现超简洁的TAB选项卡效果代码
Aug 28 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
Jun 27 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
vue仿淘宝订单状态的tab切换效果
Jun 23 Javascript
js中Array对象的常用遍历方法详解
Jan 17 Javascript
js form表单input框限制20个字符,10个汉字代码实例
Apr 12 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 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
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
PHP写日志的实现方法
2014/11/05 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
2013/11/08 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
strstr()的简单实现
2013/09/26 面试题
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
探亲邀请信范文
2014/01/30 职场文书
摄影助理岗位职责
2014/02/07 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
小区文明倡议书
2014/05/16 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
公司市场部岗位职责
2015/04/15 职场文书
催款函范本大全
2015/06/24 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL