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 相关文章推荐
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 Javascript
二行代码解决全部网页木马
Mar 28 Javascript
Javascript 面向对象 命名空间
May 13 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 Javascript
实现div内部滚动条滚动到底部和顶部的代码
Nov 15 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
Javascript Worker子线程代码实例
Feb 20 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 JSON中文乱码的解决方法详解
2013/06/06 PHP
理解PHP中的stdClass类
2014/04/18 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
php抽象类用法实例分析
2015/07/07 PHP
php微信公众号开发之二级菜单
2018/10/20 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
jquery使用ajax实现微信自动回复插件
2014/04/28 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
2018/04/04 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
Python守护进程(daemon)代码实例
2015/03/06 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
python批量复制图片到另一个文件夹
2018/09/17 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
美国最大的万圣节服装网站:HalloweenCostumes.com
2017/10/12 全球购物
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
西部世纪.net笔试题面试题
2014/04/03 面试题
职业规划实施方案
2014/06/10 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
如何使用python包中的sched事件调度器
2022/04/30 Python
Ubuntu安装Mysql+启用远程连接的完整过程
2022/06/21 Servers