2012-01-10 66 views
0

我試圖想出一種方法來加載一個URL,(在這種情況下https://tools.usps.com/go/ZipLookupAction!input.action)在jQueryUI對話框而不是傳統的彈出窗口。是否可以使用jQueryUI對話框來拉入類似於傳統彈出窗口的HTML頁面?

到目前爲止,我嘗試過使用AJAX(AJAH:D)請求拉頁面,但每次都得到狀態200但沒有數據。

這是從我已經試過代碼:http://jsfiddle.net/Handyman/aXPU7/1/

我原以爲也許不允許Ajax請求到usps.com,但我嘗試了幾個我自己的網站具有相同的運氣。

如果沒有iframe或傳統風格的彈出窗口,甚至可以這樣做嗎?

回答

1

可能更容易使用燈箱插件,如colorbox,jsFiddle

$('#zipcode_lookup').colorbox({iframe:true, innerWidth:425, innerHeight:344}); 
+0

* headpalms *我做了一些研究,發現我試圖做的事情由於安全原因被大多數瀏覽器禁止,所以看起來像iframe肯定會有序。 – 2012-01-10 20:45:36

+0

我結束了剛剛使用帶有iFrame的jQueryUI對話框:[jsFiddle](http://jsfiddle.net/Handyman/aXPU7/16/)。它在jsFiddle窗口裏看起來不太壯觀,但在我的應用程序中它看起來相當不錯:) – 2012-01-10 21:46:58

+0

@Francis不錯。總是比找出加載另一個庫的行更好。 – Sinetheta 2012-01-10 23:26:06

1

查看Same Origin Policy

在計算中,同樣的起源策略是許多瀏覽器端編程語言(如JavaScript)的重要安全概念。該策略允許在源自同一站點的頁面上運行的腳本訪問彼此的方法和屬性,而不受特定的限制,但是阻止訪問不同站點上的頁面上的大多數方法和屬性。

您需要使用JSONP或代理。

相關問題