ajax的GET提交方式的原生代碼：

var xhr = null;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest();

}else if(window.ActiveXObject){

xhr = new ActiveXObject()

}else{

xhr = null;

}

if(xhr){

xhr.open('GET','../data/data.json');

xhr.onreadystatechange = function(){

if(xhr.readyState == 4 && xhr.status == 200){

alert(eval("("+xhr.responseText+")").result);

xhr = null;

}

}

xhr.send(null);

}

XMLHttpRequest()?這個對象可以在不重新加載頁面的情況下從后臺獲取數據，支持的瀏覽器有IE7+、Firefox、Chrome、Safari 以及 Opera

ActiveXObject(“Microsoft.XMLHTTP”)?這個對象是針對老式ie瀏覽器的

onreadystatechange事件?當readyState的值發生改變時觸發此事件

open() 這個方法有三個參數，open("提交方式 get/post","資源的地址",異步或者同步 true/false);

readyState 準備狀態

0 (未初始化)對象已建立，但是尚未初始化(尚未調用open方法)

1(初始化)已調用send()方法，正在發送請求

2(發送數據)send()方法調用完成，但是當前的狀態及http頭未知

3(數據傳送中)已接收部分數據，因為相應及http頭不全，這時通過responseText獲取部分數據會出現錯誤

4(完成)數據接收完成，此時可以通過responseText獲取完整的數據

status 請求狀態

200(成功)

404(沒有發現文件)

500(服務器內部錯誤)

responseText 請求成功后獲取數據

原生ajax寫法

ajax1.0,ie9及以下,ie10+支持ajax2.0 ajax2.0比ajax1.0: 1.多了FormData對象,xhr.send(formData)? //不能用GET 2.文件上傳,文件 ...

JS 原生ajax寫法

//step1.創建XMLHTTPRequest對象,對于低版本的IE,需要換一個ActiveXObject對象 var xhr; if (window.XMLHttpR ...

原生ajax與封裝的ajax使用方法

當我們不會寫后端接口來測試ajax時,我們可以使用node環境創建一個本地服務器. 1.創建一個本地服務器可參考http://www.cnblogs.com/heyujun-/p/6793900.ht ...

原生ajax 和jquery ajax 個人總結

AJAX:即“Asynchronous?Javascript?And?XML”(異步JavaScript和XML),是指一種創建交互式網頁應用的網頁開發技術. 通過在后臺 ...

ASP.NET學習筆記(5)——原生Ajax基本操作

說明(2017-11-4 15:32:49): 1. 回北京后又快一個月了,上次在家寫的下回預告,到底是沒把加水印寫完,而且這次也不想寫.. 2. 上次許的愿,十月份看完asp.net,已經泡湯了,翻 ...

原生Ajax

使用原生Ajax 驗證用戶名是否被注冊 創建出注冊信息:

注冊信息

總結

以上是生活随笔為你收集整理的.ajax get 写法,原生Ajax写法（GET）的全部內容，希望文章能夠幫你解決所遇到的問題。

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