主頁 > 知識庫 > jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法

jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法

熱門標(biāo)簽:硅語電話機器人公司 云呼外撥網(wǎng)絡(luò)電話系統(tǒng) 地圖標(biāo)注項目怎么樣 超級大富翁地圖標(biāo)注 ai機器人電銷資源 個人怎樣在百度地圖標(biāo)注地名 機器人電銷騙局揭秘 騰訊地圖標(biāo)注位置能用多久 越南河內(nèi)地圖標(biāo)注

本文實例為大家分享了jQuery AJAX調(diào)用頁面后臺方法,供大家參考,具體內(nèi)容如下

1.新建demo.aspx頁面。

2.首先在該頁面的后臺文件demos.aspx.cs中添加引用。

using System.Web.Services;

1).無參數(shù)的方法調(diào)用.
大家注意了,這個版本不能低于.net framework 2.0。2.0已下不支持的。
后臺代碼:

[WebMethod]   
public static string SayHello()   
{   
   return "Hello Ajax!";   
}  

JS代碼:

$(function() {   
  $("#btnOK").click(function() {   
    $.ajax({   
      //要用post方式   
      type: "Post",   
      //方法所在頁面和方法名   
      url: "Demo.aspx/SayHello",   
      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;   
  });   
});  

頁面代碼:

  form id="form1" runat="server">
  div>
    asp:Button ID="btnOK" runat="server" Text="驗證用戶" />
  /div>
  /form>

運行效果如下:

2).有參數(shù)方法調(diào)用
后臺代碼:

[WebMethod]   
public static string GetStr(string str, string str2)   
{   
  return str + str2;   
} 

JS代碼:

$(function() {   
  $("#btnOK").click(function() {   
    $.ajax({   
      type: "Post",   
      url: "demo.aspx/GetStr",   
      //方法傳參的寫法一定要對,str為形參的名字,str2為第二個形參的名字   
      data: "{'str':'我是','str2':'XXX'}",   
      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;   
  });   
}); 

運行效果如下:

3).返回數(shù)組方法
后臺代碼:

[WebMethod]   
public static Liststring> GetArray()   
{   
  Liststring> li = new Liststring>();   
  
  for (int i = 0; i  10; i++)   
    li.Add(i + "");   
  
  return li;   
}  

JS代碼:

$(function() {   
  $("#btnOK").click(function() {   
    $.ajax({   
      type: "Post",   
      url: "demo.aspx/GetArray",   
      contentType: "application/json; charset=utf-8",   
      dataType: "json",   
      success: function(data) {   
        //插入前先清空ul   
        $("#list").html("");   
  
        //遞歸獲取數(shù)據(jù)   
        $(data.d).each(function() {   
          //插入結(jié)果到li里面   
          $("#list").append("li>" + this + "/li>");   
        });   
  
        alert(data.d);   
      },   
      error: function(err) {   
        alert(err);   
      }   
    });   
  
    //禁用按鈕的提交   
    return false;   
  });   
}); 

頁面代碼:

form id="form1" runat="server">
div>
  asp:Button ID="btnOK" runat="server" Text="驗證用戶" />
/div>
ul id="list">
/ul>
/form>

運行結(jié)果圖:

jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法就為大家介紹到這,希望對大家的學(xué)習(xí)有所啟發(fā)。

您可能感興趣的文章:
  • 淺談Ajax技術(shù)實現(xiàn)頁面無刷新
  • jQuery中通過ajax的get()函數(shù)讀取頁面的方法
  • jQuery實現(xiàn)AJAX定時刷新局部頁面實例
  • ajax如何實現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回
  • 頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)

標(biāo)簽:舟山 洛陽 鄭州 內(nèi)蒙古 邢臺 遼源 林芝 海南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法》,本文關(guān)鍵詞  jQuery,AJAX,實現(xiàn),調(diào)用,頁面,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章