2013-07-30 36 views
1

我在這裏發現了很多關於iframe和jquery的問題,並且嘗試了沒有成功的解決方案。這是我的iframe設置和我試過的jQuery。使用jquery提交iframe元素

HTML:

<iframe id="jiraFrame"height="700" width="1000" src="http://www.example.com"></iframe> 

的jQuery:

$('#jiraFrame').load(function(){ 
    $('#jiraFrame').contents().find('body').html('Hey, Ive changed!'); 
}); 

也試過

var $currentFrame = $('#jiraFrame'); 
$currentFrame.contents().find("body #summary").val('customer'); 

我曾嘗試多種SRC iframe中的網站和摘要ID確實存在於源框架中。也許我只是想念一些簡單的東西,但我看不到它。任何幫助表示讚賞。謝謝!

+2

第一個內聯框架規則:http://blog.cakemail.com/the-if​​rame-cross-domain-policy-problem/ – Cherniv

+0

像上面一樣:http://en.wikipedia.org/wiki/Same_origin_policy – TecHunter

回答

0

是的,你可能丟失的錯誤消息,例如

Error: Permission denied to access property 'nodeType'

這是跨來源政策,禁止你訪問(和操縱)iframe的內容從其他域,除了Access-Control-Allow-Origin標頭設置。

如果你正在運行的Apache,以解決最簡單的方法是在httpd.conf中使用mod_proxy

ProxyPass /example_com/ http://example.com/ 
<iframe id="jiraFrame"height="700" width="1000" src="/example_com"></iframe> 
+0

謝謝爲Web Devie提供幫助!我確實看到一個我以前沒有注意到的錯誤。它說'錯誤:權限被拒絕訪問屬性'jQuery'。我嘗試在我的httpd文件中設置ProxyPass,但仍然沒有成功發佈任何jquery生成的數據。 'jquery'錯誤是一個單獨的問題,而不是'nodeType'? – vizyourdata

+0

將解決'jquery'錯誤與'nodeType'錯誤相同嗎? – vizyourdata

0

這聽起來很蠢,但我有同樣的錯誤我們CKEditor的安裝。事實證明,這是一個JQuery 1.3的組合(它超老了,但我們目前無法更新它,因爲它太亂了(硬是爲了繼承代碼!))和Firefox。

硬刷新頁面的工作完美。 :)