天天看點

使用jsonp解決ajax請求json跨域問題

  • 什麼是跨域?

  1. 域名不同。
  2. 域名相同,端口不同。

 隻有域名相同,端口相同,js才能請求。

  • jsonp解決跨域

      jsonp是一種跨域解決方案,js跨域請求資料是不可以的,但是js跨域請求js腳本是可以的。可以把資料封裝成一個js語句,做一個方法的調用。跨域請求js腳本可以得到此腳本,得到js之後會立即執行。可以把資料作為參數傳遞到方法中,擷取資料,解決跨域問題。

  • 原理

      正常情況在在表現層可以直接從service層請求到json資料,如果遇到跨請求我們需要借助jsonp的幫助,通過$.getJSONP("http://xxxxx:8081",callback); 會發送一個請求 http://xxxxx:8081?callback

本地方法

callback:function(data){
      //todo 解析data

}
           

目的方法

callback(json);
           
使用jsonp解決ajax請求json跨域問題

繼續閱讀