AJAX:”Asynchronous JavaScript and XML” 中文意思：異步JavaScript和XML。指一種創建交互式網頁應用的網頁開發技術。AJAX并非縮寫詞,而是由Jesse James Gaiiett創造的名詞。 　　AJAX不是指一種單一的技術，而是有機地利用了一系列相關的技術： 1、web標準( Standards-Based Presentation )XHTML+CSS的表示； 2、使用 DOM( Document Object Model )進行動態顯示及交互； 3、使用 XML 和 XSLT 進行數據交換及相關操作,使用 XMLHttpRequest 進行異步數據查詢、檢索. 簡單理解為：JavaScript + XMLHttpRequest + CSS +服務器端 的集合.廢話少說，下面直接上代碼(這里我只寫以Post方式發送請求的代碼，關于JQuery中使用ajax跟以Get方式發送請求，我就不寫了)，在下面的代碼中，我會從建立異步對象，到在WebForm頁面中使用異步對象來說說我的體會。 1、用js創建兼容瀏覽器的ajax異步對象 function createAjax() {
var ajaxObject = false;
try {
ajaxObject = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajaxObject = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
ajaxObject = false;
}
}
if (!ajaxObject && typeof (XMLHttpRequest) != 'undefinded') {
ajaxObject = new XMLHttpRequest();
}
return ajaxObject;
} 復制代碼 2、頁面中ajax的使用 <script type="text/javascript">
var ajaxObject;
window.onload = function () {
ajaxObject = createAjax();
getControl("btnOK").onclick = submitData1;
}
function submitData1() {
var txtName = getControl("txtName").value;
//以Post方式請求發送請求
ajaxObject.open("POST", "ResponseEnd.aspx", true);
//以Post方式發送異步請求需要設置請求頭
ajaxObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajaxObject.onreadystatechange = function () {
if (ajaxObject.readyState == 4) {
//狀態200表示異步對象已經完全接收完服務器響應的數據
if (ajaxObject.status == 200) {
var res = ajaxObject.responseText;
alert(res);
}
}
}
//發送異步請求(Post方式發送請求在send里面書寫自己要發送給服務器的參數)
ajaxObject.send("flag=1&name=" + txtName);
}
</script> 復制代碼 3、后臺頁面ResponseEnd.aspx.cs對數據的處理

using?System; using?System.Collections.Generic; using?System.Linq; using?System.Web; using?System.Web.UI; using?System.Web.UI.WebControls; ?? namespace?Web { ????public?partial?class?ResponseEnd : System.Web.UI.Page ????{ ????????protected?void?Page_Load(object?sender, EventArgs e) ????????{ ????????????if?(!string.IsNullOrEmpty(Request["flag"])) ????????????{ ?? ????????????????ShuChu(); ????????????} ????????} ????????private?void?ShuChu() ????????{ ????????????#region 方法一 ????????????//try ????????????//{ ????????????//??? string name = Request["name"]; ????????????//??? Response.Write(name); ????????????//} ????????????//catch (Exception ex) ????????????//{ ????????????//??? throw new Exception(ex.Message); ????????????//} ????????????//finally ????????????//{ ????????????//??? Response.End(); ????????????//}? ????????????#endregion ?? ????????????#region 方法二 ????????????//try ????????????//{ ????????????//??? string name = Request["name"]; ????????????//??? Response.Write(name); ????????????//??? this.Page.Visible = false; ????????????//??? Context.ApplicationInstance.CompleteRequest(); ????????????//} ????????????//catch (Exception ex) ????????????//{ ????????????//??? throw new Exception(ex.Message); ????????????//}? ????????????#endregion ?? ????????????try ????????????{ ????????????????string?name = Request["name"]; ????????????????Response.Write(name); ????????????????Response.End(); ????????????} ????????????catch?(System.Threading.ThreadAbortException ex) ????????????{ ????????????} ????????????catch?(Exception ex) ????????????{ ????????????????throw?new?Exception(ex.Message); ????????????}? ????????} ????} }

轉載于:https://www.cnblogs.com/liangxiaofeng/p/5642761.html

總結

以上是生活随笔為你收集整理的WebForm页面使用Ajax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。