从外部文件加载div内容

时间:2015-01-19 22:33:38

标签: javascript php html

我有一个frontend.php,代码如下:

<html>
<head>
</head>
<body>
<div id="someid" style="padding:10px; background-color:#CCCCCC">
<script type="text/javascript" src="http://www.example.com/backend.php?id=123"></script>
</div>
</body>
</html>

这是访问backend.php(如下所示)并从数据库中检索一些数据,并将其显示在前端的div中。但是,会显示页面底部的数据。有没有办法将内容专门加载到脚本放在frontend.php的div中?

var link='<a href="http://example2.com/code>id=<?php echo $id?>"><img src="https://www.example.com/img/datagraph.jpg" alt="Data" width="150" height="125" border="0"></a><br/><br/>';
window.getElementById("someid").innerHTML += link;

2 个答案:

答案 0 :(得分:4)

您应该为<div>提供ID:

<div id="mydiv"></div>

然后:

window.getElementById("mydiv").innerHTML += link;

答案 1 :(得分:0)

如果您有机会加入jquery library,它会提供function load()加载给定的URI并将结果直接插入HTML元素。< / p>

<div id="someId"></div>
<script type="text/javascript">
    $("#someId").load("http://www.example.com/backend.php?id=123");
</script>