1、什么是ajax?
ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,可以使网页实现异步更新。
2、如何使用(五步法)?
<1>创建XMLHTTPRequest对象var http=new XMLHttpRequest();
<2>使用open方法和服务器建立联系http.open("post","./list/data.txt",ture);
<3>设置发送的数据,开始和服务器端交互http.send();
<4>使用事件获取服务器响应的数据
http.onreadyStatechange=function(){
if(http.readyState==4&&http.status==200){
var data=JSON.parse(http.response);
console.log(data);
}
}
<5>更新界面
3、get、post传值的区别?
//get方式传值:在url路径之后写上 ? a=1&b=2&n=3(url)
//post方式传值:不在url路径上写,在send()里写
function method(res,url,data,callback){
var http=new XMLHttpRequest();
if(res=="get"){
if(data){
url+="?";
url+=data;
http.open(res,url);
http.send();
}
}
else{
http.open(res,url);
if(data){
http.send(data);
}
else{
http.send();
}
}
http.onreadystatechange=function(){
if(http.readyState==4&&http.status==200){
callback(JSON.parse(http.response));
}
}
}
method("post","./list/data.txt",null,function(data){
console.log(data);
})
4、跨域及如何解决?
js跨域是指通过js在不同的域之间进行数据传输或通信,协议、主机名或端口不同时会产生跨域。
解决方法:
<1>jsonp也叫src跨域,通过传递回调函数来返回数据
<script src="http://127.0.0.1:8080/0616/user.php?callback=dosome"></script>
<script>
function dosome(data){
console.log(data);
}
</script>
var http=new XMLHttpRequest();
http.open("post","http://127.0.0.1:8080/0616/user.php");
http.send();
http.onreadystatechange=function (){
if(http.readyState==4&&http.status==200)
{
console.log(JSON.parse(http.response));
}
}
<2>cross跨域:对于php文件:在文件里面配置 header('Access-Control-Allow-Origin: * ');