用JSONP解決ajax跨域問題

2021-07-25 19:00:39 字數 875 閱讀 7749

jsonp:json with padding

要點:1.script標籤

2.用script標籤載入資源是沒有跨域問題的

概要:在資源載入進來之前先定義乙個函式,這個函式接受乙個引數(資料),函式裡面利用這個引數做一些事情。

然後在需要的時候通過script標籤載入對應遠端檔案資源,當遠端的檔案資源被載入進來的時候,就會執行我們前面定義好的函式,並且把我們想拿到的資料當做這個函式的引數傳入進去。

小例子:

程式執行結果:

當然這只是最基本的理解,對於jsonp的運用還有很多特定的規則

下面再通過兩個例子說明:

首先我在自己的個人伺服器上放置乙個txt檔案,以便跨域讀取用:

注意裡面的test函式,是運用jsonp的核心。

這也是利用了跨域載入技術,實現起來也不難:

淘淘商城專案 jsonp解決ajax跨域問題

跨域是瀏覽器由於安全問題,對ajax請求的限制,不允許跨域請求資源。一定要記住只有在瀏覽器環境中才有跨域,如果我們在程式裡請求是不會有跨域的概念的 什麼是跨域 是跨域 8080 是跨域 是跨域 api 不是 總結 不同的網域名稱或不同的埠都是跨域請求。如何解決跨域問題?jsonp 專案中遇到的跨域問...

jsonp解決ajax跨域問題

利用jsonp解決ajax跨域問題 至於success裡面的操作可以忽略 某工程下ajax請求 var isvisible true function getlog var startpage data.startpage var endpage data.endpage 拼接 導航 按鈕 和 資料...

用AJAX傳送JSONP請求解決跨域資源訪問

為解決跨域,引入jsonp json with padding jquery的靜態方法 ajax url,settings 的settings引數物件的成員有很多,和跨域所用的jsonp相關的成員有 crossdomain,datatype,jsonpcallback,jsonp 多個空格分隔的值 ...