快捷導(dǎo)航

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

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

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

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

基本上瀏覽器能接收的信息，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請(qǐng)求
　　 // open(method, url, asynchronous, user, password);
　　 // method：請(qǐng)求方法（post，get）
　　 // url：請(qǐng)求地址（是具體要接收數(shù)據(jù)的地址）
　　 // asynchronous：同步或異步請(qǐng)求（true是異步，false是同步，默認(rèn)是true，可不填）
　　 // user：（指定請(qǐng)求用戶名，可不填）
　　 // password：（指定請(qǐng)求密碼，可不填）
　　
  ajax.open('get','url'); 
  
  ajax.onreadystatechange = function(){
　　　　if((ajax.readyState==4) && (ajax.status)==200){
　　　　　　alert(ajax.responseText); // 返回的數(shù)據(jù)內(nèi)容
　　　　}else{
　　　　　　alert('請(qǐng)求失敗');
　　　　}
　　}
  // 發(fā)送請(qǐng)求，content是要發(fā)送的內(nèi)容，如果沒(méi)有則填null
　　 send(content);
　　 
　　 // 如果用的是post方式請(qǐng)求，要在send之前設(shè)置HTTP頭
　　 ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

　　
</script>

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

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

　　0 （未初始化）對(duì)象已建立

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

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

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

　　4 （完成）請(qǐng)求成功

以上是簡(jiǎn)單的Ajax請(qǐng)求原理，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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