代碼如下：

var xmlhttp;

function Submit() {

//1.創建 XMLHttpRequest 對象

if (window.XMLHttpRequest) {

//IE7,IE8,FireFox,其它

xmlhttp = new XMLHttpRequest();

if (xmlhttp.overrideMimeType) {

//針對某些特定版本的mozillar瀏覽器的BUG進行修正

xmlhttp.overrideMimeType("text/xml");

}

} else if (window.ActiveXObject) {

//IE6,IE5.5,IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

// 簡單寫法,應該也可以

//xmlhttp = new XMLHttpRequest()|| new ActiveXObject("Microsoft.XMLHTTP");

if (xmlhttp == undefined || xmlhttp == null) {

alert('當前瀏覽器不支持創建XMLHttpRequest對象,請更換瀏覽器！');

return;

}

//將每次的狀態保存到 數組里

array.push(xmlhttp.readyState);

//2.注冊回調方法 callback

xmlhttp.onreadystatechange = callback;

//獲取客戶端內容

var userName = document.getElementById("UserName").value;

/*

//Get 請求方式

//3.設置和服務端交互的相應參數

xmlhttp.open("Get", "AjaxRequst.ashx?name="+userName, true);

//4.設置向服務器發送數據,啟動和服務端的交互

xmlhttp.send();

*/

//Post 請求方式

//3.設置和服務端交互的相應參數

xmlhttp.open("Post", "AjaxRequst.ashx", true);

//Post方式需要增加的代碼

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

//4.設置向服務器發送數據,啟動和服務端的交互

xmlhttp.send("name="+userName);

}

function callback() {

//5.判斷和服務器端的交互是否完成,還要判斷服務端的是否正確返回了數據

if (xmlhttp.readyState == 4) {

//表示和服務端的交互已經完成

if (xmlhttp.status == 200) {

//表示服務器的響應代碼是200,正確的返回數據

//純文件數據的接受方法

var message = xmlhttp.responseText;

//將返回的內容添加到DIV層里

var div = document.getElementById('message');

div.innerHTML = message;

//XML數據對應的DOM對象的接受方法

//使用前提是,服務器端需要設置content-type為text/xml

//var domXml = xmlhttp.responseXML;

}

}

}

第三十六課：如何書寫一個完整的ajax模塊

本課主要教大家如何書寫一個完整的ajax模塊,講解的代碼主要跟ajax有關,而jQuery的ajax模塊添加了Deferred異步編程的機制,因此對ajax的理解難度增大,還是忽略掉.但是我要講解的代 ...

原生Ajax寫法(GET)

ajax的GET提交方式的原生代碼: var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else if(w ...

Struts2對AJAX的支持

一.簡介 ?????? struts2確實一個非常棒的MVC框架.這里部分記述一下struts2對AJAX的支持.實現AJAX有兩種方式,一種是使用原生的javascript代碼實現,一種是使用第三方 ...

MvcPager 概述 MvcPager 分頁示例 — 標準Ajax分頁 對SEO進行優化的ajax分頁 (支持asp.net mvc)

該示例演示如何使用MvcPager最基本的Ajax分頁模式. 使用AjaxHelper的Pager擴展方法來實現Ajax分頁,使用Ajax分頁模式時,必須至少指定MvcAjaxOptions的Upda ...

Unit02： JSON 、 使用JSON實現數據交換 、 jQuery對AJAX的支持，編碼問題

Unit02: JSON . 使用JSON實現數據交換 . jQuery對AJAX的支持 1. 編碼問題 (1)發送get請求 為什么會產生亂碼? ie瀏覽器提供的ajax對象,對中文會使用gbk來編 ...

IT兄弟連 JavaWeb教程 jQuery對AJAX的支持

jQuery對AJAX的支持 jQuery對Ajax請求的創建.發送.響應.注冊數據處理函數.JSON的解析和緩存以及傳參等都進行了相應的封裝,同時也考慮了瀏覽器的兼容性問題. jQuery中對AJA ...

Kendo UI for jQuery使用教程：支持Web瀏覽器

[Kendo UI for jQuery最新試用版下載] Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support ...

jquery.form.js官方插件介紹Form插件，支持Ajax，支持Ajax文件上傳

jquery.form.js官方插件介紹Form插件,支持Ajax,支持Ajax文件上傳 http://www.malsup.com/jquery/form/#getting-started [JQu ...

隨機推薦

刪除表數據drop、truncate和delete的用法

說到刪除表數據的關鍵字,大家記得最多的可能就是delete了 然而我們做數據庫開發,讀取數據庫數據.對另外的兩兄弟用得就比較少了 現在來介紹另外兩個兄弟,都是刪除表數據的,其實也是很容易理解的 老大- ...

洛谷 P2670 掃雷游戲==Codevs 5129 掃雷游戲

題目描述 掃雷游戲是一款十分經典的單機小游戲.在n行m列的雷區中有一些格子含有地雷(稱之為地雷格),其他格子不含地雷(稱之為非地雷格).玩家翻開一個非地雷格時,該格將會出現一個數字——提示周圍格子中有 ...

VisionTimer BUG && Start

void Start() { vp_Timer.In(0.0f, delegate() { Debug.Log("Start"); }, 10, 1.0f); } Version ...

【Linux探索之旅】第二部分第三課：文件和目錄，組織不會虧待你

內容簡介 1.第二部分第三課:文件和目錄,組織不會虧待你 2.第二部分第四課預告:文件操縱,鼓掌之中 文件和目錄,組織不會虧待你 上一次課我們講了命令行,這將成為伴隨我們接下來整個Linux課程的一個 ...

mybatis sql中if判斷傳入Integer類型，傳入0時，判斷沒有執行

數據庫中字段 isDisable 0:否:1:是 xml中判斷 AN ...

字符串函數---atof()函數具體解釋及實現(完整版)

atof()函數 atof():double atof(const char *str ); 功 能: 把字符串轉換成浮點數 str:要轉換的字符串. 返回值:每一個函數返回 double 值.此值由 ...

Beta沖刺(4/7)

目錄 摘要 團隊部分 個人部分 摘要 隊名:小白吃 組長博客:hjj 作業博客:beta沖刺(4/7) 團隊部分 后敬甲(組長) 過去兩天完成了哪些任務 整理博客 ppt模板 接下來的計劃 做好機動. ...

every、some數組方法

總結

以上是生活随笔為你收集整理的不同浏览器 ajax,完整的 AJAX 写法(支持多浏览器)的全部內容，希望文章能夠幫你解決所遇到的問題。

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