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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
使用javascript实现Iframe自适应高度
Dec 24 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
angularjs封装$http为factory的方法
May 18 Javascript
Vue.js划分组件的方法
Oct 29 Javascript
详解Node 定时器
Feb 26 Javascript
js实现鼠标滑动到某个div禁止滚动
Sep 17 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打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
Google韩国首页图标动画效果
2007/08/26 Javascript
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
IntersectionObserver API 详解篇
2016/12/11 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
vuejs指令详解
2017/02/07 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
[01:06:54]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第二场 2月28日
2021/03/11 DOTA
Python修改Excel数据的实例代码
2013/11/01 Python
python使用百度翻译进行中翻英示例
2014/04/14 Python
Python的设计模式编程入门指南
2015/04/02 Python
机器学习python实战之决策树
2017/11/01 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
pygame实现简易飞机大战
2018/09/11 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
关于Pycharm无法debug问题的总结
2019/01/19 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
Python解析json代码实例解析
2019/11/25 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
365 Tickets英国:全球景点门票
2019/07/06 全球购物
医学生职业规划范文
2014/01/05 职场文书
保险公司早会主持词
2014/03/22 职场文书
收款授权委托书
2014/10/02 职场文书
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang