如何使用Ajax刷新或重新加载div的内容

时间:2013-10-18 13:46:10

标签: javascript jquery ajax

这是某种方式。我通常使用jquery的加载来将页面A中的内容加载到页面B中,因此将div的内容加载到自身中以便只刷新它并没有多大意义。这是什么解决方案?

$('#A').load('pageX.php #A');

请注意,两个#As都在pageX上,使其与#A

相同

在“加载”之后我以某种方式干扰了JavaScript,我不知道为什么。

所以这些只是刷新div。

2 个答案:

答案 0 :(得分:0)

id必须在html文档中是唯一的,否则您最终会得到JavaScript的预期结果。

在您的情况下,您需要删除重复的id's

像这样的东西

$('#A').load('pageX.php #B');

或者这将有效:

$('#B').load('pageX.php #A');

答案 1 :(得分:0)

由于有人提出这个问题,如果我现在再次这样做,我会这样做。

<强> HTML

$("div a").on("mouseover", function() {
    $(this).parent().addClass("new-border");
})
.on("mouseout"), function() {
    $(this).parent().removeClass("new-border");
});

<强>的JavaScript(JQuery的)

<html>
<body>
    <div class="divToRefresh"></div>
</body>
</html>