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 相关文章推荐
JavaScript 调试器简介
Feb 21 Javascript
JavaScript 定义function的三种方式小结
Oct 16 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
Dec 07 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
Feb 27 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
react用Redux中央仓库实现一个todolist
Sep 29 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 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的password_hash()使用实例
2014/03/17 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
laravel 解决路由除了根目录其他都404的问题
2019/10/18 PHP
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
高性能的javascript之加载顺序与执行原理篇
2018/01/14 Javascript
基于jQuery实现的设置文本区域的光标位置
2018/06/15 jQuery
vue ssr 指南详读
2018/06/29 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
vue随机验证码组件的封装实现
2020/02/19 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
python写入中英文字符串到文件的方法
2015/05/06 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
Python中return self的用法详解
2018/07/27 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
Python 的AES加密与解密实现
2019/07/09 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
Python如何安装第三方模块
2020/05/28 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
日本最大的药妆连锁店:Matsukiyo松本清药妆店
2017/11/23 全球购物
Office DEPOT法国官网:欧迪办公用品采购
2018/01/03 全球购物
Ruby如何进行文件操作
2014/07/17 面试题
会计与审计专业自荐信范文
2014/03/15 职场文书
《分一分》教学反思
2014/04/13 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python