刷新jsp页面上的特定div而不是整页

时间:2013-04-10 02:19:31

标签: javascript ajax jsp jquery

我想在输入的基础上刷新div ...这是一个示例代码:

<%@ page language="java" contentType="text/html; charset=windows-1256"
    pageEncoding="windows-1256"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
</head>
<body>
<input type="button" id="1" value="1" onClick="javaScript:update('1');"/>
<input type="button" id="2" value="2" onClick="javaScript:update('2');"/>
<%
int value=1;
%>
<div id="refresh">
<%=value %>
</div>
<script type="text/javascript">

function update(input)
{
        value=input;
        alert(value);
}

</script>
</body>
</html>

所以这里是我想要的页面加载它将打印1,因为值初始化为1但如果我点击2我想要打印2其值在java脚本的更新功能中更新...我不要我想刷新整个页面只想刷新那个div ...我不想使用JQUERY.load,因为它在div中加载整个页面我只想刷新那个div

1 个答案:

答案 0 :(得分:2)

function update(input)
{
        $("#refresh").html(input)
}

这应该就是你需要的全部

.html()是改变元素的innerHTML的jQuery函数。

对于ajax,您可以查看jquery文档herethis is a nice looking example for jQUery + php