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 相关文章推荐
JavaScript中Array 对象相关的几个方法
Dec 22 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
使用js画图之正弦曲线
Jan 12 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
Bootstrap精简教程中秋大放送
Sep 15 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
vue的mixins属性详解
Mar 14 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 Javascript
uniapp开发打包多端应用完整方法指南
Dec 24 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
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
javascript的console.log()用法小结
2012/05/31 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
2018/09/30 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
javaScript把其它类型转换为Number类型
2019/10/13 Javascript
利用Python破解验证码实例详解
2016/12/08 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
python实现对输入的密文加密
2019/03/20 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
如何基于Python批量下载音乐
2019/11/11 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
美国玩具公司:U.S.Toy
2018/05/19 全球购物
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
中学生学习生活的自我评价
2013/10/26 职场文书
大学生学业生涯规划
2014/01/05 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
团委工作总结2015
2015/04/02 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
基层工作经历证明
2015/06/19 职场文书
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python