原生 JS Ajax,GET和POST 请求实例代码

前端之家收集整理的这篇文章主要介绍了原生 JS Ajax,GET和POST 请求实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript/js的ajax的GET请求代码如下所示:

方法-----------// 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;//发送事件后,收到信息了调用函数   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;     // 处理返回结果   } }

javascript/js的ajax的POST请求:

方法-----------// function getLabelsPost(){ xmlHttp=GetXmlHttpObject(); if (xmlHttp==null){ alert('您的浏览器不支持AJAX!'); return; } var url="http://www.lifefrom.com/t/"+Math.random(); xmlhttp.open("POST",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send(); xmlHttp.onreadystatechange=getLabelsOK;//发送事件后,收到信息了调用函数 } function getOkPost(){ if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ // 本地提示:加载中/处理中 } if (xmlHttp.readyState==4 && xmlHttp.status==200){ var d=xmlHttp.responseText; // 返回值 // 处理返回值 } }

注意:XMLHttpRequest 是 AJAX 的基础,在创建 XMLHttpRequest 对象时,必须与你写的ajax方法在同一个‘'标签中!否则ajax请求会出错,并无法返回数据。 javascript/js的ajax的POST/GET请求。

以上所述是小编给大家介绍的原生 JS Ajax,GET和POST 请求实例代码的相关知识。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Ajax相关文章