如何使用jquery重新加载div?

时间:2012-01-24 07:13:32

标签: jquery

我想重新加载div而不重新加载页面。

2 个答案:

答案 0 :(得分:2)

你的问题是广泛的范围,但你可以尝试以下Ajax将满足您的要求,例如无需重新加载页面。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('record_count.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds

<body>
<div id="load_tweets"> </div>
</body>

</script>


<div id="loaddiv">
</div>

现在最后你需要编写文件“reload.php”的代码,它将从其他页面中提取争议,或者它也可能包含根据需要从数据库中读取数据的代码。 在这里,我将阅读另一个网站的一些小内容。您可以复制,粘贴代码并将其保存为文件名“reload.php”。在包含源代码的同一文件夹中。

echo"<img src='http://www.nepalstock.com/datanepse/realindex.php'/>";

live demo here 参考文章How to refresh DIV using jquery

答案 1 :(得分:1)

这取决于您希望从哪里获取HTML片段。例如,如果它是一个返回它的服务器端脚本,你可以使用.load()方法向它发送一个AJAX请求,并用它替换div的内容,而无需离开页面:

$('#divId').load('/myscript');