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