原生ajax请求以及jsonp跨域处理

 <script>
        // var xhr=new XMLHttpRequest();
        // xhr.open('get','http://api.map.baidu.com/location/ip?ak=0Ow2Wf7p5ypNupzzFKwy3NQCz2FFlMa9&coor=bd09ll');
        // xhr.send() //get请求;
        // 1.post请求设置请求头;
        // 2.将携带的参数放在send 里面 eg:xhr.send(a=1&b=0)
        // xhr.onreadystatechange=function(){
        //     if(xhr.status==200&&xhr.readyState==4){
        //         console.log(xhr.responseText);
        //     }
        // }

        //jsonp (只适合get请求) 解决跨域问题
        /*
        1.动态的创建一个script标签;
        2.注册一个全局函数,用来接收数据;
        3.修改script的src属性值为需要请求的接口;
        4.在街口后面拼接一个callback回调函数,callback=上面注册的全局函数名;
        5.将动态创建的script标签放到body里面
        
        */
        function test(data){
            console.log(data);
        }
        document.onclick=function(){
            var script=document.createElement('script')
            script.src='http://api.map.baidu.com/location/ip?ak=0Ow2Wf7p5ypNupzzFKwy3NQCz2FFlMa9&coor=bd09ll&callback=test'
            document.body.appendChild(script)
        }
    </script>

 

上一篇:nodejs中ajax跨域和jsonp跨域


下一篇:使用JSONP实现跨域