跨域问题汇总

由例子引入：
先列下html结构

  

    点击
  

一、异步请求ajax（因浏览器同源策略不能跨域）

三、跨域在jQuery中的实现

$(document).ready(function(){//或简写$(function(){})
  $("#btn").click(function(){
    $.ajax({
      async:true,
      url:"https://api.douban.com/v2/book/search",
      type:"GET",
      dataType:"jsonp",
      jsonp:"callback",
      jsonpCallback:"handleResponse",
      data:{
        q:"javascript",
        count:1,
      },
      success:function(response,status,xhr){
        console.log("状态为："+status+"状态是："+xhr.statusText);
        console.log(response);
      }
    });
  });
});

实现结果：

结果.png