原生 JS Ajax,GET和POST 請求實(shí)例代碼
更新時(shí)間：2016年06月08日 10:18:06 作者：jerrylsxu
這篇文章主要介紹了原生 JS Ajax,GET和POST 請求實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
javascript/js的ajax的GET請求代碼如下所示：
<script type="text/javascript">
/* 創(chuàng)建 XMLHttpRequest 對象 */
var xmlHttp;
function GetXmlHttpObject(){
if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
// -----------ajax方法-----------//
function getLabelsGet(){
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null){
alert('您的瀏覽器不支持AJAX！');
return;
}
var id = document.getElementById('id').value;
var url="http://www.Leefrom.com?id="+id+"&t/"+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=favorOK;//發(fā)送事件后，收到信息了調(diào)用函數(shù)
xmlHttp.send();
}
function getOkGet(){
if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
// 本地提示：加載中
}
if (xmlHttp.readyState==4 && xmlHttp.status==200){
var d= xmlHttp.responseText;
// 處理返回結(jié)果
}
}
</script>
javascript/js的ajax的POST請求：
<script type="text/javascript">
/* 創(chuàng)建 XMLHttpRequest 對象 */
var xmlHttp;
function GetXmlHttpObject(){
if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
// -----------ajax方法-----------//
function getLabelsPost(){
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null){
alert('您的瀏覽器不支持AJAX！');
return;
}
var url="http://www.lifefrom.com/t/"+Math.random();
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send();
xmlHttp.onreadystatechange=getLabelsOK;//發(fā)送事件后，收到信息了調(diào)用函數(shù)
}
function getOkPost(){
if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
// 本地提示：加載中/處理中
}
if (xmlHttp.readyState==4 && xmlHttp.status==200){
var d=xmlHttp.responseText; // 返回值
// 處理返回值
}
}
</script>
注意：XMLHttpRequest 是 AJAX 的基礎(chǔ)，在創(chuàng)建 XMLHttpRequest 對象時(shí)，必須與你寫的ajax方法在同一個(gè)‘<script></script>'標(biāo)簽中！否則ajax請求會(huì)出錯(cuò)，并無法返回?cái)?shù)據(jù)。 javascript/js的ajax的POST/GET請求。
以上所述是小編給大家介紹的原生 JS Ajax,GET和POST 請求實(shí)例代碼的相關(guān)知識，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
前端數(shù)組去重面試我會(huì)問這3個(gè)小問題
數(shù)組去重在我們的前端的面試過程中經(jīng)過會(huì)遇到,有一些人可能會(huì)想到一兩種,但是數(shù)據(jù)去重的算法真的太多了,下面這篇文章主要給大家介紹了關(guān)于前端數(shù)組去重面試3個(gè)小問題的相關(guān)資料,需要的朋友可以參考下2023-01-01
BootStrap使用popover插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示并保持顯示框
這篇文章主要介紹了BootStrap使用popover插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示并保持顯示框的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
Bootstrap.css與layDate日期選擇樣式起沖突的解決辦法
這篇文章主要為大家詳細(xì)介紹了BootStrap.css與layDate日期選擇樣式起沖突的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
JavaScript文件上傳功能詳解與實(shí)現(xiàn)過程
現(xiàn)代Web開發(fā)中,文件上傳一般通過JavaScript來處理,以便實(shí)現(xiàn)更好的用戶體驗(yàn),如異步上傳(AJAX)、進(jìn)度條顯示等,這篇文章主要介紹了JavaScript文件上傳功能詳解與實(shí)現(xiàn)過程的相關(guān)資料,需要的朋友可以參考下2025-04-04
JavaScript高級程序設(shè)計(jì) 閱讀筆記（四） ECMAScript中的類型轉(zhuǎn)換
ECMAScript中的類型轉(zhuǎn)換，學(xué)習(xí)js的朋友可以看看2012-02-02
JavaScript實(shí)現(xiàn)三級聯(lián)動(dòng)菜單效果
這篇文章主要為大家詳細(xì)介紹了三級聯(lián)動(dòng)菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
HTML中Form表單的reset方法被用來清空用戶所輸入的內(nèi)容，以前一直誤以為其是單純的將input等輸入項(xiàng)中的值清空2014-03-03
為了測試這個(gè)智能識別插件，我試了很多壁紙圖片，都能智能裁剪出圖片的主體部分，轉(zhuǎn)而嘗試了一下chrome和Firefox以及IE，發(fā)現(xiàn)IE只有10以上的版本才支持，chrome和Firefox支持，手機(jī)瀏覽器不支持，這到底是啥黑科技？？今天我們就來詳細(xì)看看
2015-10-10 
最近需要用js控制數(shù)組，里面可能有一些重復(fù)的值，需要去掉，特為大家整理了這篇文章。
2011-01-01