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 相关文章推荐
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
Json和Jsonp理论实例代码详解
Nov 15 Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
ionic实现带字的toggle滑动组件
Aug 27 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
Jan 16 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
微信小程序实现简单跑马灯效果
May 26 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
js实现登录时记住密码的方法分析
Apr 05 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
多重?l件?合查?(一)
2006/10/09 PHP
PHP中的use关键字及文件的加载详解
2016/11/28 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
Jquery为单选框checkbox绑定单击click事件
2012/12/18 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
javascript定时器完整实例
2015/02/10 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
微信小程序之数据双向绑定与数据操作
2017/05/12 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
nodejs+mongodb+vue前后台配置ueditor的示例代码
2018/01/02 NodeJs
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python单例模式实例详解
2017/03/01 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
如何在python中实现随机选择
2019/11/02 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
Python中的流程控制详解
2021/02/18 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
财务经理的岗位职责
2013/12/17 职场文书
驾驶员安全责任书
2014/07/22 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
欢送领导祝酒词
2015/08/12 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL