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 相关文章推荐
js实现checkbox全选和反选示例
May 01 Javascript
从零学jquery之如何使用回调函数
May 16 Javascript
从数据库读取数据后将其输出成html标签的三种方法
Oct 13 Javascript
使用javascript实现json数据以csv格式下载
Jan 09 Javascript
jQuery实现日期联动效果实例
Jul 26 Javascript
浅析Javascript的自动分号插入(ASI)机制
Sep 29 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
layui选项卡效果实现代码
May 19 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 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
图解上海144收音机
2021/03/02 无线电
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
Python实现网络端口转发和重定向的方法
2016/09/19 Python
Python流程控制 if else实现解析
2019/09/02 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
html5的localstorage详解
2017/05/09 HTML / CSS
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
介绍一下Linux中的链接
2016/05/28 面试题
学术会议主持词
2014/03/17 职场文书
一年级评语大全
2014/04/23 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
齐云山导游词
2015/02/06 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
php+laravel 扫码二维码签到功能
2021/05/15 PHP
asyncio异步编程之Task对象详解
2022/03/13 Python