1. 程式人生 > >ajax跨域的處理方法

ajax跨域的處理方法

type callback xhtml header 文件 處理 相同 jsonp 服務器

當我們在開發項目的時候,一般我們會使用ajax請求數據,但是在使用ajax的時候會出現跨域的問題。

為什麽會出現跨域的問題呢?

跨域的問題的出現是來源於JavaScript的同源策略,就是說在域名、協議名、端口號相同的情況下才會允許訪問,也就是說JavaScript只允許訪問自己域下的資源文件。如圖

技術分享圖片

如何解決跨域

解決跨域的辦法有三種:

  • jsonp

  在寫ajax的是設置dataType:jsonp 它的意思是 允許在服務器端集成scrip tags 返回給客戶端,通過JavaScript callback的形式就可以實心跨域訪問了。

  • 只需要在服務器端填上響應頭即可

  header("Access-Control-Allow-Origin:*");/*星號表示所有的域都可以接受,*/

  header("Access-Control-Allow-Methods:GET,POST");

  • 代理(此方法是在網上看到的,詳細可參考其他的博客)

ajax跨域的處理方法