JQuery Ajax WebService傳遞參數(shù)的簡單實例
更新時間：2016年11月02日 09:40:23 投稿：jingxian
下面小編就為大家?guī)硪黄狫Query Ajax WebService傳遞參數(shù)的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
Asp.NET中利用jQuery實現(xiàn)Ajax時，在服務(wù)器端可以使用aspx，ashx，以及WebService等方式。最近研究了一下WebService方式，jQuery Ajax 方法調(diào)用 jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實例代碼這篇帖子給出了很詳細(xì)的例子，不過沒有給出詳細(xì)解釋。其中有幾個細(xì)節(jié)問題開始沒注意，費老勁才調(diào)通：
1）客戶端data數(shù)據(jù)中的key字段名稱必須和服務(wù)器端方法參數(shù)嚴(yán)格一致。
如客戶端：
//有參數(shù)調(diào)用
$(document).ready(function () {
$("#btn2").click(function () {
$.ajax({
type: "POST",
contentType: "application/json",
url: "WebService.asmx/GetWish",
data: "{value1:'心想事成',value2:'萬事如意',value3:'牛牛牛',value4:2009}",
dataType: 'json',
success: function (result) {
$('#dictionary').append(result.d);
}
});
});
});
服務(wù)器端的GetWish函數(shù)參數(shù)必須寫成value1，value2，value3，value4：
[WebMethod]
public string GetWish(string value1, string value2, string value3, int value4)
{
return string.Format("祝您在{3}年里 {0}、{1}、{2}", value1, value2, value3, value4);
}
2）客戶端傳遞對象到服務(wù)器端的方法：
客戶端代碼：
//傳入對象
$(function () {
$("#btn6").click(function () {
obj = new Object();
obj.ID = "1";
obj.Value = "aaa";
//'{"obj":{"ID":"1",Value:"Horse"}}'
var d = '{"obj":' + JSON.stringify(obj) + '}';
$.ajax({
type: "POST", //訪問WebService使用Post方式請求
contentType: "application/json", //WebService 會返回Json類型
url: "WebService.asmx/ParmsObject", //調(diào)用WebService的地址和方法名稱組合 ---- WsURL/方法名
data: d, //這里是要傳遞的參數(shù)，格式為 data: "{paraName:paraValue}",下面將會看到
dataType: 'json',
success: function (result) {
alert(result.d);
},
error: function (result) {
alert("fail");
}
});
});
});
服務(wù)器端代碼：
[WebMethod]
public string ParmsObject(Class1 obj)
{
return obj.ID + ":" + obj.Value;
}
調(diào)試環(huán)境：VS2010+jquery-1.3.2.min.js
以上就是小編為大家?guī)淼腏Query Ajax WebService傳遞參數(shù)的簡單實例全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
這篇文章主要介紹了jQuery表單域選擇器用法,實例分析了常見的表單元素選擇器的使用技巧,并給出了一個完整的實例總結(jié),需要的朋友可以參考下2015-02-02
基于jQuery實現(xiàn)Ajax驗證用戶名是否存在實例
這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)Ajax驗證用戶名是否存在實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
JQuery 學(xué)習(xí)筆記 element屬性控制
JQuery元素屬性控制2009-07-07
這篇文章主要介紹了jQuery實現(xiàn)獲取多選框的值,結(jié)合實例形式分析了jQuery事件響應(yīng)及頁面元素屬性獲取相關(guān)操作技巧,需要的朋友可以參考下2020-02-02
這篇文章主要為大家分享了jquery單擊和雙擊事件沖突解決方案，感興趣的小伙伴們可以參考一下2016-03-03
jQuery + Flex 通過拖拽方式動態(tài)改變圖片的代碼
功能終于告一段落了，實現(xiàn)了預(yù)期的功能。遇到了一個小麻煩，js 會把某些變量（ 如果你是通過對象的方式傳遞的，將在傳遞之后丟失類型信息 ，后面*號部分）2011-08-08
jquery實現(xiàn)簡單的二級導(dǎo)航下拉菜單效果
這篇文章主要介紹了jquery實現(xiàn)簡單的二級導(dǎo)航下拉菜單效果,涉及jquery鼠標(biāo)事件動態(tài)操作頁面元素樣式及Ajax調(diào)用的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jquery重復(fù)提交請求一般來說有兩個原因，一是沒有取消綁定；二是多次引用同一個js文件2014-05-05
jQuery 解析xml文件實現(xiàn)腳本代碼，用到了jquery如何解析xml文件，和大家分享一下2009-08-08
這篇文章主要介紹了jQuery增加自定義函數(shù)的方法,通過簡單的樣式添加為例分析了jquery增加自定義函數(shù)的實現(xiàn)技巧,非常簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07