用动态ajax更新相同的div

时间:2014-03-25 23:12:02

标签: javascript jquery ajax

我在点击时使用带有Jquery的div1以$ ajax动态更新内容。

稍后,查询更改,我需要在用户单击div1

时再次更新内容

两个查询都运行正常,但问题是on.click更新第二个查询会将第一个查询结果加载到div而不是第二个更新的查询结果。

以下示例解释了一些内容,而不是代码更正:

<div id='1'></div>

查询1:$('1')。点击($ ajax('condition1 + condition2')) - &gt;输出:字符串1

结果:

<div id='1'>string 1</div>

查询2:$('1')。点击($ ajax('condition3 + condition4')) - &gt;输出:字符串2

结果仍然是:

<div id='1'>string 1</div>

是否因为同一个div会触发第一个发生的情况?如何设计它以使用新条件动态更新on.click内容?

1 个答案:

答案 0 :(得分:0)

我希望了解你的问题.....我猜你的第一个ajax调用在文档准备就绪时运行了吗?然后第二个ajax调用在用户点击div时运行?但是你的问题是你的第一个ajax调用是在用户点击时调用的吗?如果是这样,这将解决它:

我认为简单的事情是创建一个变量“firstAjaxRan”,将其设置为false。 当第一个ajax调用运行时,检查“firstAjaxRan”是否为true,如果不是则运行它然后将其设置为true。当用户点击div时,这将阻止第一个ajax调用再次运行。你的第二个ajax应该运行良好。