Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用


Posted in Javascript onMarch 16, 2010

一、WebService.asmx:

处理业务数据,在GetPerson方法中产生Person实体类数据,供JqueryRequest.aspx调用,代码如下:

[WebMethod] 
public Person GetPerson(string name, int age, string address) 
{ 
Person p = new Person() 
{ 
Name = name, 
Age = age, 
Address = address 
}; 
return p; 
}

二、Person.cs实体类:
public class Person 
{ 
private string _name; 
public string Name 
{ 
get { return _name; } 
set { _name = value; } 
} 
private int _age; 
public int Age 
{ 
get { return _age; } 
set { _age = value; } 
} 
private string _address; 
public string Address 
{ 
get { return _address; } 
set { _address = value; } 
} 
}

三、AjaxRequest.aspx

通过点击按钮来请求WebService.asmx的GetPerson(string name, int age, string address)方法,获取Person实体数据。代码如下:

<script type="text/javascript" language="javascript"> 
function BtnPerson_Click() { 
$.ajax({ 
url: "WebService.asmx/GetPerson", 
data: { name: "Windy", age: 18, address: "Shanghai China" }, 
type: "post", 
success: function(data, status) { 
var obj = $(data); 
var name = obj.find("Name").text(); 
var age = obj.find("Age").text(); 
var address = obj.find("Address").text(); 
alert("Name:" + name + " Age:" + age + " Address:" + address); 
} 
}); 
} 
</script>
Javascript 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
jQuery中的一些常见方法小结(推荐)
Jun 13 Javascript
canvas实现探照灯效果
Feb 07 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
react-router-dom 嵌套路由的实现
May 02 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 #Javascript
javascript 二维数组的实现与应用
Mar 16 #Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 #Javascript
jQuery MD5加密实现代码
Mar 15 #Javascript
[原创]js获取数组任意个不重复的随机数组元素
Mar 15 #Javascript
javascript实现的在当前窗口中漂浮框的代码
Mar 15 #Javascript
javascript 用记忆函数快速计算递归函数
Mar 15 #Javascript
You might like
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
php将字符串随机分割成不同长度数组的方法
2015/06/01 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
javascript代码编写需要注意的7个小细节小结
2011/09/21 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
js+html制作简单验证码
2017/02/16 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
Python中optparse模块使用浅析
2015/01/01 Python
简单讲解Python中的闭包
2015/08/11 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python编码类型转换方法详解
2016/07/01 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
python正则表达式匹配不包含某几个字符的字符串方法
2019/07/23 Python
Django框架视图函数设计示例
2019/07/29 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
JD Sports澳洲官网:英国领先的运动鞋和运动时尚零售商
2020/02/15 全球购物
药品采购员岗位职责
2014/02/08 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
解放思想演讲稿
2014/09/11 职场文书
个人工作保证书
2015/02/28 职场文书
女性励志书籍推荐
2019/08/19 职场文书
Django 实现jwt认证的示例
2021/04/30 Python