基於JavaScript如何實作ajax呼叫後台定義的方法_jquery

由於ajax的獨特優勢，使得它在當前大量網站得到了廣泛的應用，下面就介紹一下ajax如何調用後台定義的函數，雖然比較簡單，不過希望能夠給初學者帶來一定的幫助，代碼如下:

1.首先我們先建立一個antzone.aspx頁面。

2.在它的cs檔中建立如下函數:

public static string mytest(string first, string second) 
{ 
  return return first+second; 
} 

2.html程式碼如下:

<form id="myform" runat="server"> 
<div> 
 <asp:Button ID="bt" runat="server" Text="点击测试" /> 
</div> 
</form> 

3.javascript程式碼如下:

$(function(){ 
 $("#bt").click(function(){ 
  $.ajax({ 
   type:"Post", 
   url:"antzone.aspx/mytest", 
   data:"{'first':'蚂蚁部落','second':'欢迎您'}", 
   contentType:"application/json;charset=utf-8", 
   dataType:"json", 
   success:function(data){ 
    //返回的数据用data.d获取内容 
    alert(data.d); 
   }, 
   error:function(err){ 
    alert(err); 
   } 
  }); 
  //禁用按钮的提交 
  return false; 
 }); 
}); 

以上程式碼實現了我們所需要的功能，可以呼叫後台定義的函數。基於jQuery如何實作ajax呼叫後台定義的方法先跟大家介紹到這裡，有哪裡不懂的地方歡迎大家留言，謝謝。