您的位置：首页 > Web前端 > JavaScript

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

2016-06-08 10:18 1166 查看

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

<script type="text/javascript">
/* 创建 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;//发送事件后，收到信息了调用函数
　　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">
/* 创建 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;//发送事件后，收到信息了调用函数
}
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 的基础，在创建 XMLHttpRequest 对象时，必须与你写的ajax方法在同一个‘<script></script>'标签中！否则ajax请求会出错，并无法返回数据。 javascript/js的ajax的POST/GET请求。

以上所述是小编给大家介绍的原生 JS Ajax,GET和POST 请求实例代码的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 原生 js ajax post get

相关文章推荐

新的分享

章节导航