在.net 3.5的狀況下html
前臺JQuery作Ajax的時候,服務器端web
(1)能夠調用aspx.cs 中聲明帶有[WebMehtod]的public static 的方法(不須要本身手動添加web.config的配置)ajax
(2)能夠調用 *.asmx (web服務) 裏面加了[webmethod]的方法(不能寫靜態,寫靜態就調用不到了)須要在asmx裏面 去掉 [System.Web.Script.Services.ScriptService] 的註釋 json
(3)能夠調用 *.ashx (通常處理程序),它和aspx同樣都實現了IHttpHandler接口。數組
方法調用也分不一樣返回狀況:服務器
例如:mvc
(1)aspx.cs 靜態方法[WebMethod]app
[WebMethod] public static string SayHello() { return "Hello Ajax!"; }
$(function() { $("#btnOK").click(function() { $.ajax({ //要用post方式 type: "Post", //方法所在頁面和方法名 url: "data.aspx/SayHello", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { //返回的數據用data.d獲取內容 alert(data.d); }, error: function(err) { alert(err); } }); //禁用按鈕的提交 return false; }); });
(2)WebService1.asmx異步
/// 返回泛型列表 [WebMethod] public List<int> CreateArray(int i) { List<int> list = new List<int>(); while (i >= 0) { list.Add(i--); } return list; }
//返回泛型列表 $("#btnArray").click(function(){ $.ajax({ type: "POST", contentType:"application/json", url:"WebService1.asmx/CreateArray", data:"{i:10}", dataType:'json', success:function(result){ alert(result.d.join(" | ")); } }); });
(3)handler處理程序
$("#dbtn").click(function() { $.ajax({ type: "POST", dataType:"Text", url: "AjaxHandler.ashx", data: { name: "admin", pass: "admin" }, beforeSend: function() { $("#ds").html("loading"); }, success: function(msg) { $("#ds").html("<p>" + msg + "</p>"); } }); });
參考:http://blog.csdn.net/lovegonghui/article/details/49072363async
從WebMethod屬性不難看出這實際上仍是應用了webservice組件的方式來實現的。固然ajax實現異步請求的資源能夠使aspx、ashx、webservice等
//標準的寫法: $.ajax({ type: "post", dataType: "json", contentType: "application/json", //注意:WebMethod()必須加這項,不然客戶端數據不會傳到 服務端 data:{如上所述},//注意:data參數能夠是string個int類型 url: "List.aspx/DeleteNews",//模擬web服務,提交到方法 // 可選的 async:false,阻塞的異步就是同步 beforeSend:function(){ // do something. // 通常是禁用按鈕等防止用戶重複提交 $("#btnClick").attr({disabled:"disabled"}); // 或者是顯示loading圖片 }, success: function (data) { alert("success: " + data.d);//注意這裏:必須經過data.d才能獲取到服務器返回的值 // 服務端能夠直接返回Model,也能夠返回序列化以後的字符串,若是須要反序列化:string json = JSON.parse(data.d); // 有時候須要嵌套調用ajax請求,也是能夠的 }, complete: function(){ //do something. $("#btnClick").removeAttr("disabled"); // 隱藏loading圖片 }, error: function (data) { alert("error: " + data.d); } });
而mvc中的ajax異步請求
因爲mvc採用基於路由映射,因此Controller中的Action能夠直接經過url請求。