java Ajax响应不显示在JSP页面中
我正在尝试使用JSPAJAX技术保存小记录。项目的工作程序是这样的
01.索引。jsp:将数据发送到SaveStudent servlet
02.SaveStudent:获取请求表单jsp并将其发送到验证java类
03.验证:验证数据并发送到DaoImpl java类
04.DaoImpl:重写StudentDAO中的方法,执行savesql查询。
05.StudentDAO:一个接口包含所有与数据库相关的方法
这是该项目的图片。
下面给出的是索引。jsp文件源代码。
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<form action="SaveStudent" method="post">
<label>Enter Name:</label>
<input type="text" name="name" id="txtName"/>
<br/>
<label>Enter City:</label>
<input type="text" name="city" id="txtCity"/>
<br/>
<input type="submit" value="Send" id="btnSave"/>
<div id="response"></div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$('#btnSave').click(function() {
var $name = $("#txtName").val();
var $city = $("#txtCity").val();
$.post('SaveStudent', {
name: $name,
city: $city
}, function(responseText) {
if (responseText !== null) {
$('#response').text(responseText);
} else {
alert("Invalid Name");
}
});
});
});
</script>
</body>
下面是SaveStudent java类的源代码。
package Control;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import Model.Validation;
public class SaveStudent extends HttpServlet {
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
PrintWriter out = response.getWriter();
String record = "";
try {
Validation val = new Validation();
record = val.validateSave(request, response);
response.setContentType("text/plain");
response.setCharacterEncoding("UTF-8");
if (record != null) {
out.write(record);
} else {
out.print("Error Occured..!");
}
} catch (Exception e) {
e.printStackTrace();
} finally {
out.close();
}
}
}
保存记录工作正常。数据库也在更新中。但问题是“savesuccessful”消息出现在servlet页面中。不在jsp页面下。
请帮我做这个。多谢各位
# 1 楼答案
我想办法。我把“提交”类型改为“按钮”。现在工作得很好。谢谢你抽出时间