5

我需要使用 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>
4

1 回答 1

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

}

只需更改srciframe 上的属性。这里不需要或使用 JSON。

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

于 2012-11-05T12:06:22.590 回答