Javascript Div在自动刷新后重复

Javascript Div在自动刷新后重复,javascript,jquery,css,ajax,jsp,Javascript,Jquery,Css,Ajax,Jsp,我的jsp页面中有两个div: 1) headerdiv,它包含一个带有单选按钮的表单。(蓝色) 2) maindiv,它包含从数据库表插入数据的表 我希望刷新“maindiv”中的表,以便更新动态数据。此外,还有一个jQuery代码,用于在jqueryajax代码的帮助下,为表生成随机颜色,该颜色每5秒动态更改一次 这是自动刷新之前我的JSP页面的屏幕截图(理想的首选布局): 但是,一旦自动刷新开始,顶部div部分(我称之为'headerdiv')将在'maindiv'中再次重复。 以下是

我的jsp页面中有两个div: 1) headerdiv,它包含一个带有单选按钮的表单。(蓝色) 2) maindiv,它包含从数据库表插入数据的表

我希望刷新“maindiv”中的表,以便更新动态数据。此外,还有一个jQuery代码,用于在jqueryajax代码的帮助下,为表生成随机颜色,该颜色每5秒动态更改一次

这是自动刷新之前我的JSP页面的屏幕截图(理想的首选布局):

但是,一旦自动刷新开始,顶部div部分(我称之为'headerdiv')将在'maindiv'中再次重复。

以下是JSP页面中的代码片段:

自动刷新部分:


函数autoRefresh_div()
{
$(“#content”).load(“index.jsp”);
}
setInterval('autoRefresh_div()',5000);//5秒后刷新div

试试
$(“#content”).empty().load(“index.jsp”)index.jsp中有什么?必须使用
setInterval('autoRefresh_div',5000)不带括号。在您的代码中,它第一次立即调用,而不是在其他时间调用。函数调用和赋值回调之间有区别@Sri@Sri我在setInterval
的“自动刷新分区”中提到过