淺談JS原生Ajax,GET和POST
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ā)送事件后,收到信息了調用函數(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;
// 處理返回結果
}
}
</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ā)送事件后,收到信息了調用函數(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 的基礎,在創(chuàng)建 XMLHttpRequest 對象時,必須與你寫的ajax方法在同一個‘<script></script>'標簽中!否則ajax請求會出錯,并無法返回數(shù)據(jù)。 javascript/js的ajax的POST/GET請求。
以上這篇淺談JS原生Ajax,GET和POST就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JS來動態(tài)的修改url實現(xiàn)對url的增刪查改
通過get方式提交post表單等方式來動態(tài)修改url存在諸多的不妥,因此,想到了通過JS來動態(tài)的修改url,來實現(xiàn)對url的增刪查改2014-09-09
JavaScript中yield實用簡潔實現(xiàn)方式
原以為是一個蠻復雜的題目,想了許久沒思路,當然要實現(xiàn)絕對能實現(xiàn),但如果分析JavaScript腳本或是動態(tài)產生代碼,都太復雜了。2010-06-06
javascript函數(shù)定義的幾種區(qū)別小結
本篇文章主要是對javascript函數(shù)定義的幾種區(qū)別進行了詳細的總結介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01

