Question

我现在要做一个功能，提交表单跳转到相关页面但只刷新相关页面而不是整个页面。

我不知道servlet怎么写没有用框架，就一个servlet控制跳转。这是form和js的相关内容：<form name="editDirectory" action="DirectoryEditServlet" method="post">
<table>
<tr>
<td width="60px" align="right">姓名:</td>
<td align="left"><input type="text" style="width: 250px;" class="required" id="Name" name="Name" value='<%=request.getAttribute("Name") %>'></td>
<td alig
<tr>
<td align="right">说明:</td>
<td><textarea id="Comment" name="Comment" style="width:250px;"><%=request.getAttribute("Comment") %></textarea></td>
<td></td>
</tr>
<tr>
<td colSpan="3" align="center">
<input type="submit" class="btn" id="UpdateButton" name="UpdateButton" value="更新" onclick="return validateData();"><img>
js里的内容：

function validateData(){
var styleClass = "error";
var name = $("#Name").val();

if (name == "") {
$("#Name").addClass(styleClass);
return false;
}

return true;
}
我有点蒙，多谢指点！！

Answer 1

/**
* Ajax无刷新技术
* @return
*/
//声明浏览器初始化对象的变量
var xmlHttpRequest;
function createXmlHttpRequest(){
try{
//IE6 及以下
xmlHttpRequest=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
//IE7
try{
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
xmlHttpRequest=new XMLHttpRequest();
xmlHttpRequest.overrideMimeType("text/html");
}
}
}
function getData(url,param,callbackFunction){
createXmlHttpRequest();
xmlHttpRequest.open("post",url,true);
xmlHttpRequest.setRequestHeader("content-type","application/x-www-form-urlencoded");
xmlHttpRequest.onreadystatechange=function(){
if(xmlHttpRequest.readyState==4){
if(xmlHttpRequest.status==200){
//回调方法
var data=xmlHttpRequest.responseText;
callbackFunction(data);
}
}
};
xmlHttpRequest.send(param);
}

//这是AJAX的封装，然后调用时传入三个参数就行了

Answer 2

局部更新操作，用Ajax吧。
用上jQuery库

追问

能把代码贴出来吗？我每用过ajax啊，多谢了！一点都不会。我现在在自学有很多实践中还是不行。

追答

你可以参考jQuery官网。
顺便提一句: 楼下提供的原生方法也不错。

Answer 3

无刷新跳转用AJAX来做