<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>