Question

我需要使用json数据填充iframe（HTML组件）。我有一个java脚本函数，在页面加载时加载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>

Answer 1

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

}

只需更改iframe上的src属性即可。这里不需要或使用JSON。

据我所知，您查询的网址会返回HTML，而不是JSON。你只想显示地图，是吗？

使用json数据填充iframe

1 个答案: