Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼

更新時(shí)間：2011年08月08日 23:56:21 作者：

Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼，需要的朋友可以參考下。主要是屬性比較多。

Entity:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Runtime.Serialization; 
namespace Entity 
{ 
[DataContract] 
public class User 
{ 
[DataMember] 
public string Name 
{ 
get; 
set; 
} 
[DataMember] 
public int Age 
{ 
get; 
set; 
} 
} 
} 

WebService:

復(fù)制代碼代碼如下:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Services; 
using Entity; 
namespace JQuery.Handler 
{ 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.ComponentModel.ToolboxItem(false)] 
[System.Web.Script.Services.ScriptService] 
public class UserService1 : System.Web.Services.WebService 
{ 
[WebMethod] 
public string ComplexType(User hero,List<User> users) 
{ 
return hero.Name + " has " + users.Count + " people!"; 
} 
} 
} 

Html:

復(fù)制代碼代碼如下:

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Ajax</title> 
<script src="../Scripts/jquery-1.6.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$("#btnWeb").click(function () { 
$.ajax( 
{ 
type: "post", 
url: "../Handler/UserService.asmx/ComplexType", 
dataType:"json", 
contentType:"application/json", 
data: '{"hero": {"Name":"zhoulq","Age":27},"users":[{"Name":"zhangs","Age":22},{"Name":"wangw","Age":26},{"Name":"liuj","Age":25}, 
{"Name":"luos","Age":24}]}', 
success: function (data) { $("#web").text(data.d); } 
}); 
}); 
}); 
</script> 
</head> 
<body> 
<input id="btnWeb" type="button" value="請求WebService" /><label id="web"></label> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

jQuery顯示和隱藏常用的狀態(tài)判斷方法
這篇文章主要介紹了jQuery顯示和隱藏常用的狀態(tài)判斷方法,需要的朋友可以參考下
2015-01-01
jQuery實(shí)現(xiàn)當(dāng)按下回車鍵時(shí)綁定點(diǎn)擊事件
當(dāng)按下回車鍵時(shí)，綁定按鈕點(diǎn)擊事件，本文為大家介紹下jQuery回車鍵綁定點(diǎn)擊事件的具體實(shí)現(xiàn)
2014-01-01
基于input動(dòng)態(tài)模糊查詢的實(shí)現(xiàn)方法
下面小編就為大家分享一篇基于input動(dòng)態(tài)模糊查詢的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
jquery實(shí)現(xiàn)下拉框多選方法介紹
本文是利用EasyUI實(shí)現(xiàn)下拉框多選功能，在ComboxTree其原有的基礎(chǔ)上對樣式進(jìn)行了改進(jìn)，樣式表已上傳demo，下面跟著小編一起來看下吧
2017-01-01
jQuery實(shí)現(xiàn)菜單的顯示和隱藏功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)菜單的顯示和隱藏功能,結(jié)合實(shí)例形式分析了jQuery基于事件響應(yīng)及css方法動(dòng)態(tài)改變菜單樣式的相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
JQuery中$之選擇器用法介紹
在jQuery 中$("<span>")，這個(gè)語法等同于$(document.createElement("span")) ，這是一種用法
2011-04-04
jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)的代碼，非常實(shí)用，有需要的小伙伴參考下。
2015-01-01
jQuery遍歷節(jié)點(diǎn)元素方法介紹
這篇文章介紹了jQuery遍歷節(jié)點(diǎn)元素的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
QUnit jQuery的TDD框架
我今天只討論基于JavaScript的TDD，可能有些公司是用C#做js單元測試的，但我不認(rèn)為這是個(gè)好主意，很多js運(yùn)行時(shí)的東西讓js來返回會(huì)更直觀，且易于維護(hù)。
2010-11-11
基于jquery的放大鏡效果
基于jquery的放大鏡效果實(shí)現(xiàn)代碼，需要的朋友可以參考下
2012-05-05