Jquery Ajax學(xué)習(xí)實(shí)例4 向WebService發(fā)出請(qǐng)求，返回實(shí)體對(duì)象的異步調(diào)用
更新時(shí)間：2010年03月16日 18:17:51 作者：
Jquery Ajax學(xué)習(xí)實(shí)例4-向WebService發(fā)出請(qǐng)求，返回實(shí)體對(duì)象的異步調(diào)用
一、WebService.asmx：
處理業(yè)務(wù)數(shù)據(jù)，在GetPerson方法中產(chǎn)生Person實(shí)體類數(shù)據(jù)，供JqueryRequest.aspx調(diào)用，代碼如下:
[WebMethod]
public Person GetPerson(string name, int age, string address)
{
Person p = new Person()
{
Name = name,
Age = age,
Address = address
};
return p;
}
二、Person.cs實(shí)體類：
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
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求WebService.asmx的GetPerson(string name, int age, string address)方法，獲取Person實(shí)體數(shù)據(jù)。代碼如下：
<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>
處理業(yè)務(wù)數(shù)據(jù)，在GetPerson方法中產(chǎn)生Person實(shí)體類數(shù)據(jù)，供JqueryRequest.aspx調(diào)用，代碼如下:
復(fù)制代碼 代碼如下:
[WebMethod]
public Person GetPerson(string name, int age, string address)
{
Person p = new Person()
{
Name = name,
Age = age,
Address = address
};
return p;
}
二、Person.cs實(shí)體類：
復(fù)制代碼 代碼如下:
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
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求WebService.asmx的GetPerson(string name, int age, string address)方法，獲取Person實(shí)體數(shù)據(jù)。代碼如下：
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換
這篇文章主要介紹了jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-02-02
jquery網(wǎng)頁(yè)日歷顯示控件calendar3.1使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery網(wǎng)頁(yè)日歷顯示控件calendar3.1使用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
Easyui筆記2：實(shí)現(xiàn)datagrid多行刪除的示例代碼
本篇文章主要介紹了Easyui筆記2：實(shí)現(xiàn)datagrid多行刪除，詳細(xì)介紹了完成一個(gè)多行勾選并刪除的功能。有興趣的可以了解一下。2017-01-01
JQuery中Ajax()的data參數(shù)類型實(shí)例分析
這篇文章主要介紹了JQuery中Ajax()的data參數(shù)類型,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax方法中data的具體類型,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了jQuery 鏈?zhǔn)秸{(diào)用的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用jQuery，感興趣的朋友可以了解下2021-05-05
本篇文章給大家總結(jié)了關(guān)于jQuery代碼優(yōu)化方法，如果你這方面有需求，跟著小編一起學(xué)習(xí)下吧。2018-01-01
jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
這里給大家分享的是使用jQuery插件實(shí)現(xiàn)兼容IE8的異步上傳文件的代碼，效果非常不錯(cuò)，有需要的小伙伴可以參考下。2015-06-06
本文主要介紹了使用jQuery操作DOM的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-11-11
jquery實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能
本文主要介紹了js實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02