1. 程式人生 > 程式設計 >C# 如何使用ajax請求

C# 如何使用ajax請求

ajax簡介

Ajax 即“Asynchronous Javascript And XML”(非同步 JavaScript 和 XML),是指一種建立互動式、快速動態網頁應用的網頁開發技術,無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。

通過在後臺與伺服器進行少量資料交換,Ajax 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。

C#如何使用ajax

1.首先下載ajax.dll,一個百度一下都有下載的!自行查詢。

2.把ajax.dll匯入到工程。右鍵工程-->新增引用--->瀏覽,找到下載好的ajax.dll檔案,點選確定,這時候在工程目錄下多了一個bin資料夾,裡面就有ajax.dll檔案,這證明引入ajax.dll成功了。

3.設定配置檔案web.config。

在Web.config檔案下的 <system.web>節點裡面新增以下程式碼即可:

<httpHandlers> 
 <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory,Ajax" />
</httpHandlers> 

4.使用演示:

4.1 首先要對ajax進行註冊。 在aspx.cs程式碼中的Page_Load方法裡面對ajax進行註冊,註冊方式為Ajax.Utility.RegisterTypeForAjax(typeof(名稱空間.類名)),假如沒有名稱空間可以直接寫類名。程式碼如下:

public partial class ObjManage : System.Web.UI.Page 
{ 
 protected void Page_Load(object sender,EventArgs e) 
 { 
 Ajax.Utility.RegisterTypeForAjax(typeof(ObjManage)); 
 } 
}

4.2 編寫cs的方法,供javascript呼叫。cs方法前端必須要有[Ajax.AjaxMethod],然後方法必須是公有public、靜態static。例如:

[Ajax.AjaxMethod] 
 public static string getString(string str) 
 { 
 string strResult = "The string is " + str; 
 return strResult; 
 } 

4.3 javascript呼叫cs方法。呼叫的格式是:類名.方法名(引數),例如:

function alertString() { 
  var str = ObjManage.getString("myAjax").value; 
  alert(str); 
 } 

這樣就完成了。這個是通過測試的,假如有什麼問題,可留言。下面給出完成的原始碼,對於Web.config的程式碼就不給了,自己安裝第3步設定配置檔案web.config進行設定就OK了。cs程式碼:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
 
public partial class ObjManage : System.Web.UI.Page 
{ 
 protected void Page_Load(object sender,EventArgs e) 
 { 
 Ajax.Utility.RegisterTypeForAjax(typeof(ObjManage)); 
 } 
 
 [Ajax.AjaxMethod] 
 public static string getString(string str) 
 { 
 string strResult = "The string is " + str; 
 return strResult; 
 } 
}

aspx程式碼:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ObjManage.aspx.cs" Inherits="ObjManage" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <title></title> 
 <script type="text/javascript"> 
 function alertString() { 
  var str = ObjManage.getString("myAjax").value; 
  alert(str); 
 } 
 </script> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <input type="button" value="獲取資訊" onclick="alertString();" /> 
 </div> 
 </form> 
</body> 
</html>

以上就是C# 如何使用ajax請求的詳細內容,更多關於C# 使用ajax請求的資料請關注我們其它相關文章!