ajax以及跨域的问题

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: * ');

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值