快捷導(dǎo)航

Ajax發(fā)送和接收請求

更新時間：2016年02月27日 08:44:41 作者：ChEn嘉豪

這篇文章主要為大家詳細(xì)介紹了Ajax發(fā)送和接收請求的相關(guān)資料，感興趣的小伙伴們可以參考一下

首先Ajax的不刷新頁面提交數(shù)據(jù)，現(xiàn)在應(yīng)用非常廣泛，廢話不多說馬上進(jìn)主題?。?/p>

基本上瀏覽器能接收的信息，Ajax都可以接收，ex：字符串，html標(biāo)簽，css標(biāo)簽，xml格式內(nèi)容，json格式內(nèi)容等等.....

<script>
  // IE瀏覽器
  if(ActiveXObject){
     // 微軟目前AJAX最新版本
    var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); 
  }else{
    // 主流瀏覽器
    var ajax = new XMLHttpRequest();
   }
  
  // 創(chuàng)建HTTP請求
　　 // open(method, url, asynchronous, user, password);
　　 // method：請求方法（post，get）
　　 // url：請求地址（是具體要接收數(shù)據(jù)的地址）
　　 // asynchronous：同步或異步請求（true是異步，false是同步，默認(rèn)是true，可不填）
　　 // user：（指定請求用戶名，可不填）
　　 // password：（指定請求密碼，可不填）
　　
  ajax.open('get','url'); 
  
  ajax.onreadystatechange = function(){
　　　　if((ajax.readyState==4) && (ajax.status)==200){
　　　　　　alert(ajax.responseText); // 返回的數(shù)據(jù)內(nèi)容
　　　　}else{
　　　　　　alert('請求失敗');
　　　　}
　　}
  // 發(fā)送請求，content是要發(fā)送的內(nèi)容，如果沒有則填null
　　 send(content);
　　 
　　 // 如果用的是post方式請求，要在send之前設(shè)置HTTP頭
　　 ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

　　
</script>

ajax的onreadystatechange事件最多接收四個變化狀態(tài)

readystate的返回狀態(tài)值：

　　0 （未初始化）對象已建立

　　1（初始化）已調(diào)用open方法

　　2（發(fā)送數(shù)據(jù)）已調(diào)用send方法

　　3（數(shù)據(jù)傳送中）已返回部分?jǐn)?shù)據(jù)

　　4 （完成）請求成功

以上是簡單的Ajax請求原理，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

關(guān)于Ajax異步請求后臺數(shù)據(jù)進(jìn)行動態(tài)分頁功能
這篇文章主要介紹了Ajax異步請求后臺數(shù)據(jù)進(jìn)行動態(tài)分頁功能，本文通過實例代碼給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧
2018-06-06
html+js+php一次原始的Ajax請求示例
雖然jquery的ajax要比原始的寫法容易得多，我們還是應(yīng)該了解原始的寫法，下面有個不錯的示例，大家可以參考下
2014-04-04
基于Ajax技術(shù)實現(xiàn)考試倒計時并自動提交試卷
這篇文章主要介紹了基于Ajax技術(shù)實現(xiàn)考試倒計時并自動提交試卷的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
[js]一個獲取頁面ip的正則
[js]一個獲取頁面ip的正則...
2007-07-07
AJAX提交表單數(shù)據(jù)實例分析
這篇文章主要介紹了AJAX提交表單數(shù)據(jù)的方法,實例分析了Ajax調(diào)用的原理與實現(xiàn)技巧,需要的朋友可以參考下
2015-05-05
淺析JSONP解決Ajax跨域訪問問題的思路詳解
JSONP是一種使用JSON數(shù)據(jù)的方式，返回的不是JSON對象，是包含JSON對象的javaScript腳本。接下來通過本文給大家介紹jsonp解決ajax跨域訪問問題的思路，非常不錯具有參考借鑒價值，感興趣的朋友一起看下吧
2016-05-05
解決IE下AjaxSubmit上傳文件提示下載文件問題
這篇文章主要介紹了解決IE下AjaxSubmit上傳文件提示下載文件問題,需要的朋友可以參考下
2017-04-04
jquery ajax提交表單從action傳值到j(luò)sp實現(xiàn)小結(jié)
pw.print(random);這里的random就是action要向jsp傳的值，在jsp中，success: function(text)這里的text就是接收從action傳過來的值，感興趣的朋友可以參考下哈
2013-04-04
ajax實現(xiàn)加載數(shù)據(jù)功能
這篇文章主要為大家詳細(xì)介紹了ajax實現(xiàn)加載數(shù)據(jù)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
Ajax驗證用戶名是否存在的實例代碼
這篇文章主要介紹了Ajax驗證用戶名是否存在的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-04-04