基于JavaScript如何實現(xiàn)ajax調(diào)用后臺定義的方法
由于ajax的獨特優(yōu)勢,使得它在當前大量網(wǎng)站得到了廣泛的應用,下面就介紹一下ajax如何調(diào)用后臺定義的函數(shù),雖然比較簡單,不過希望能夠給初學者帶來一定的幫助,代碼如下:
1.首先我們先創(chuàng)建一個antzone.aspx頁面。
2.在它的cs文件中創(chuàng)建如下函數(shù):
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){ //返回的數(shù)據(jù)用data.d獲取內(nèi)容 alert(data.d); }, error:function(err){ alert(err); } }); //禁用按鈕的提交 return false; }); });
以上代碼實現(xiàn)了我們所需要的功能,可以調(diào)用后臺定義的函數(shù)。基于jQuery如何實現(xiàn)ajax調(diào)用后臺定義的方法先給大家介紹到這里,有哪里不明白的地方歡迎大家留言,謝謝。
相關文章
jquery插件jquery.dragscale.js實現(xiàn)拖拽改變元素大小的方法(附demo源碼下載)
這篇文章主要介紹了jquery插件jquery.dragscale.js實現(xiàn)拖拽改變元素大小的方法,涉及jquery針對鼠標事件的響應及頁面元素動態(tài)操作的相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-02-02jquery 實現(xiàn)二級/三級/多級聯(lián)動菜單的思路及代碼
jQuery的AJAX功能和asp.net來實現(xiàn)省市區(qū)的三級聯(lián)動效果,其他二級、三級或多級聯(lián)動也可以按照此方法完成,由此需求的朋友可以參考下哈,希望可以幫助到你2013-04-04用JQuery在網(wǎng)頁中實現(xiàn)分隔條功能的代碼
在C/S系統(tǒng)中有專門的分隔條控件,很方便實現(xiàn),但在Asp.net中卻沒有。本文介紹了一種使用JQuery技術實現(xiàn)分隔條的功能2012-08-08