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 相关文章推荐
{}与function(){}选用空对象{}来存放keyValue
May 23 Javascript
js写一个字符串转成驼峰的实例
Jun 21 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
javascript函数重载解决方案分享
Feb 19 Javascript
JS 使用for循环遍历子节点查找元素
Sep 06 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
JavaScript 常见安全漏洞和自动化检测技术
Aug 21 Javascript
javascript关于继承解析
May 10 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
vue中子组件向父组件传递数据的实例代码(实现加减功能)
Apr 20 Javascript
小程序组件之仿微信通讯录的实现代码
Sep 12 Javascript
vue之debounce属性被移除及处理详解
Nov 13 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提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
js获取单选按钮的数据
2006/11/27 Javascript
javascript比较文档位置
2008/04/08 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
js登录弹出层特效
2014/03/07 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
JS实现灵巧的下拉导航效果代码
2015/08/25 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
Vue响应式添加、修改数组和对象的值
2017/03/20 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
原生JS实现图片懒加载之页面性能优化
2019/04/26 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
python+matplotlib绘制旋转椭圆实例代码
2018/01/12 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
Django配置文件代码说明
2019/12/04 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
Python之字典添加元素的几种方法
2020/09/30 Python
Python析构函数__del__定义原理解析
2020/11/20 Python
《赶海》教学反思
2014/04/20 职场文书
李培根演讲稿
2014/05/22 职场文书
家长会标语
2014/06/24 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
个人政治思想总结
2015/03/05 职场文书
员工自我工作评价
2015/03/06 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers