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 对Select的操作备忘记录
Jul 04 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
JavaScript中获取Radio被选中的值
Nov 11 Javascript
基于原生JS实现图片裁剪
Aug 01 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
js实现橱窗展示效果
Jan 11 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 Javascript
vue+element实现图片上传及裁剪功能
Jun 29 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
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
无线电波是什么?它是怎样传输的?
2021/03/01 无线电
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
《PHP编程最快明白》第七讲:php图片验证码与缩略图
2010/11/01 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
2014年最新推荐的10款 PHP 开发框架
2014/08/01 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
jquery div 居中技巧应用介绍
2012/11/24 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
关于python写入文件自动换行的问题
2018/06/23 Python
python cs架构实现简单文件传输
2020/03/20 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
实习护士自我鉴定
2013/10/13 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
人与自然的观后感
2015/06/18 职场文书
Python中的 Set 与 dict
2022/03/13 Python