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的动态添加控件并取值的实现代码
Sep 24 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
Sep 27 Javascript
微信小程序自定义toast的实现代码
Nov 16 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
VUE+Element实现增删改查的示例源码
Nov 23 Vue.js
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
html中select语句读取mysql表中内容
2006/10/09 PHP
由php if 想到的些问题
2008/03/22 PHP
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
PHP模块化安装教程
2016/06/01 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
蔻驰法国官网:COACH法国
2018/11/14 全球购物
机械设计专业应届生求职信
2013/11/21 职场文书
党课学习思想汇报
2014/01/02 职场文书
《夜晚的实验》教学反思
2014/02/19 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
我的小天地教学反思
2014/04/30 职场文书
电话营销开场白
2015/05/29 职场文书