首页 > 代码库 > AJAX原生JavaScript写法
AJAX原生JavaScript写法
GET方式
1 //创建XMLHttpRequest对象,为考虑兼容性问题,老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象 2 var ajax = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); 3 4 //设定请求的类型,服务器URL,以及是否异步处理 5 ajax.open("get","test.ashx?name=jcx&id="+new Date(),true); 6 7 ajax.onreadystatechange=function() 8 { 9 //4:请求已完成,且响应已就绪 10 if(ajax.readyState==4)11 {12 //200:成功13 if(ajax.status==200)14 {15 //处理结果16 alert(ajax.responseText);17 }else18 {19 alert("AJAX服务器返回错误!");20 }21 }22 23 }24 25 //将请求发送到服务器26 ajax.send();
POST方式
1 var ajax=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); 2 3 ajax.open("post", "test.ashx", true); 4 5 ajax.onreadystatechange = function () { 6 if (ajax.readyState==4) 7 { 8 if (ajax.status==200) { 9 alert(ajax.responseText);10 }11 }12 }13 14 ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");15 ajax.send("name=jcx&id=23");
//创建XMLHttpRequest对象,为考虑兼容性问题,老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象
var ajax = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
//设定请求的类型,服务器URL,以及是否异步处理
ajax.open("get","test.ashx?name=jcx&id="+new Date(),true);
ajax.onreadystatechange=function()
{
//4:请求已完成,且响应已就绪
if(ajax.readyState==4)
{
//200:成功
if(ajax.status==200)
{
//处理结果
alert(ajax.responseText);
}else
{
alert("AJAX服务器返回错误!");
}
}
}
//将请求发送到服务器
ajax.send();
AJAX原生JavaScript写法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。