前端之家收集整理的这篇文章主要介绍了
AJAX快速掌握,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<html>
head>
title>MyTest</>
script language="javascript">
function onclickAjax(){
var xmlHttp;
if(Windows.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else{
//如果不支持XMLHttpRequest则创建ActiveXObject
xmlHttp=new ActiveXObject();
}
if(null!=xmlHttp){
xmlHttp.open("GET",url,true);//是否支持异步,true支持,false不支持,默认是true;
xmlHttp.send("Microsoft.XMLHTTP");
}
//回调函数
xmlHttp.onreadystatechange= function(){
`if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
document.getElementById("testid").value=xmlHttp.responseText;
}else{
alert("AJAX服务器返回错误!");
}
}
}
}
script>
body>
<!--这里将按钮绑定了一个事件-->
<input type="button" value="测试" onclick="onclickAjax()">
div id="testid"> div> >>
上面就完成一个ajax的请求,具体关于ajax的参数以及返回的意思,这里借了w3school里面解释:
1:创建对象
2:请求
3.响应
4:onreadystatechange 事件