用json數據填充iframe

我需要用json數據填充iframe（HTML組件）。我有一個Java腳本函數在頁面加載JSON數據。但是，iframe組件無法加載數據。用json數據填充iframe

我的代碼實現：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script 
src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
<script src="jquery.loadJSON.js"></script> 
<script> 
function populateData() 
{ 
window.document.getElementById('one').style.color='red'; 
var data = {"d1":"http://www.w3schools.com/"}; 
$('form').loadJSON(data);    
alert('start'); 
} 

window.onload = populateData; 
</script> 
</head> 
<body> 
<form> 
    <label id="one" for="Address">Address:</label> 

    <iframe id="d1" width="100%" height="50%" src="about:blank"> 
     <p>Your browser does not support iframes.</p> 
    </iframe> 
    <br> <br> 
</form> 
</body> 
</html>

來源

2012-11-05 jasdmystery

-2

function populateData() 
{ 
$('iframe#d1').attr('src',"https://maps.google.com/maps?&output=embed");   

}

只是改變了iframe的src屬性。這裏不需要或使用JSON。

據我所知，您查詢的網址會返回HTML，而不是JSON。你只是想顯示地圖，是嗎？

來源

2012-11-05 12:06:22 daveyfaherty

謝謝你的迴應。但我的requiremnet不是加載地圖，而是我想在iframe中加載任何給定的url。數據從json對象動態加載到HTML中。 HTML表單上的元素不固定，因此我無法明確地設置您提到的值。有沒有其他的方式可以實現url與iframe的綁定。 – jasdmystery

用json數據填充iframe

回答

相關問題