首頁 > web前端 > js教程 > 主體

jQuery.ajaxWebService請求WebMethod處理Ajax

php中世界最好的语言
發布: 2018-04-03 17:38:38
原創
1493 人瀏覽過

這次帶給大家jQuery.ajaxWebService請求WebMethod處理Ajax,jQuery.ajaxWebService請求WebMethod處理Ajax的注意事項有哪些,下面就是實戰案例,一起來看一下。

在WebForm下開發ajax程序,需要藉助於一般處理程序(*.ashx)或web服務(*.asmx),並且每一個ajax請求,都要建造一個這樣的文件,如此一來,如果在一個專案中ajax程式多了,勢必會產生一堆的.ashx或.asmx,雖然於程式本身無礙,但那一堆文件看上去總覺得有傷大雅。那麼可不可以丟掉這些.ashx和.asmx,選擇一種更簡練的方式來做ajax程式呢。

答案是肯定的,那就是:WebMethod 。 (此方法是在.net3.5版本下調試的,在.net2.0下有問題)

#首先在aspx.cs檔案裡建立一個公開的靜態方法,然後加上WebMethod屬性。

[WebMethod]
public static string GetUserName() 
{
//......
}
登入後複製

如果要在這個方法裡操作session,那還得將WebMethod的EnableSession 屬性設為true 。即:

[WebMethod(EnableSession = true)]//或[WebMethod(true)]
public static string GetUserName() 
{
//......
}
登入後複製

然後我們就寫ajax程式來存取這個程序,我們就用jQuery吧。

$.ajax({
type: "POST",
contentType: "application/json",
url: "WebForm2.aspx/GetUserName",
data: "{}",
dataType: "json",
success: function(){.......}
});
登入後複製

  這裡對幾個參數做一下簡單的說明,

  type:請求的類型,這裡必須用post 。 WebMethod方法只接受post型別的請求。

  contentType:傳送訊息至伺服器時內容編碼類型。我們這裡一定要用application/json 。

  url:請求的伺服器端處理程序的路徑,格式為"檔案名稱(含後綴)/方法名稱"

  data:參數清單。請注意,這裡的參數一定要是json格式的字串,記住是字串格式,如:"{aa:11,bb:22,cc:33 , ...}"。如果

你寫的不是字串,那jquery會把它實序列化成字串,那麼在伺服器端接受到的就不是json格式了,且不能為空,即使沒有參數也要寫成" {}",如上例。

很多人不成功,原因就在這裡。

  dataType:伺服器傳回的資料類型。必須是json,其他的都無效。因為webservice 是一json格式傳回資料的,其形式為:{"d":"......."}。

  success:請求成功後的回呼函數。你可以在這裡對傳回的資料做任意處理。

  我們可以看到其中一些參數值是固定的,所以從復用性的角度考慮,我們可以給jquery做一個擴展,對上面的函數做一下簡單的封裝:

#我們建一個腳本檔叫jquery.extend.js。在裡面寫一個叫ajaxWebService的方法(因為webmethod其實就是WebService嘛,故此方法對請求*.asmx也是有效的),程式碼如下:

/// 
/// jQuery原型扩展,重新封装Ajax请求WebServeice
/// 
/// 
/// 处理请求的地址
///
/// 
/// 参数,json格式的字符串
///
/// 
/// 请求成功后的回调函数
///
$.ajaxWebService = function(url, dataMap, fnSuccess) {
$.ajax({
type: "POST",
contentType: "application/json",
url: url,
data: dataMap,
dataType: "json",
success: fnSuccess
});
}
登入後複製

好了,這樣我們請求webmethod方法就可以這樣寫了:

$.ajaxWebService("WebForm2.aspx/GetUserName", "{}", function(result) {......});
登入後複製

最後:如果你的專案中ajax程式非常多(這種情況是可能存在的,我做過一個網站,是個sns,全程ajax,幾乎每個操作都用了ajax) ,你覺得把WebMethod方法寫在各個aspx頁面裡很零散,那麼你可以專門建一個頁面(如:WebMethods.aspx)來存放。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

怎麼設定Ajax請求成功即刻開啟新視窗

Ajax請求回應中開啟新視窗被攔截應該如何處理

以上是jQuery.ajaxWebService請求WebMethod處理Ajax的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!