【Jsp】Ajax提交数据不刷新页面
2017-04-14 11:01
405 查看
传统的网页基本都是通过get或者post提交数据,但是一旦提交,本页面就被刷新了,即便提交到本页面,原本用户修改的数据就被清空了,这个场景在用户注册时,体验是很糟糕的。
Ajax为此而生,它可以提交数据,而不刷新页面,甚至可以更新局部信息,以下用实例来讲解。
先建立一个接收数据的servlet,名称为ConMySql,Package为serveltPackage。
在doget中处理数据
protected void
doGet(HttpServletRequest request, HttpServletResponse
response)
throws ServletException, IOException {
// TODO Auto-generated method
stub
//response.getWriter().append("Served
at: ").append(request.getContextPath());
String name =
request.getParameter("id");
PrintWriter out =
response.getWriter();
//这里是查询数据库,若不需要,则直接写死比较即可
ClassMysql cml = new
ClassMysql();
cml.ConnectMysql("localhost:3306",
"JspTest", "root", "123456");
ArrayList as =
cml.SelectMysql("select * from JspTable");
boolean isExist = false;
try{
for(int i=0;i
{
if(name.equals(as.get(i)[1])) {
out.write("NO");
isExist
=
true;
System.out.println("name " as.get(i)[2] "
exist!");
}
}
if(!isExist)
{
out.write("OK");
System.out.println("name " name " not exist!");
}
} finally {
out.close();
cml.DisconnectMysql();
}
}
然后在web.xml中添加servelt配置
到这里servlet配置完毕。
再就是配置jsp页面了
Ajax为此而生,它可以提交数据,而不刷新页面,甚至可以更新局部信息,以下用实例来讲解。
先建立一个接收数据的servlet,名称为ConMySql,Package为serveltPackage。
在doget中处理数据
protected void
doGet(HttpServletRequest request, HttpServletResponse
response)
throws ServletException, IOException {
// TODO Auto-generated method
stub
//response.getWriter().append("Served
at: ").append(request.getContextPath());
String name =
request.getParameter("id");
PrintWriter out =
response.getWriter();
//这里是查询数据库,若不需要,则直接写死比较即可
ClassMysql cml = new
ClassMysql();
cml.ConnectMysql("localhost:3306",
"JspTest", "root", "123456");
ArrayList as =
cml.SelectMysql("select * from JspTable");
boolean isExist = false;
try{
for(int i=0;i
{
if(name.equals(as.get(i)[1])) {
out.write("NO");
isExist
=
true;
System.out.println("name " as.get(i)[2] "
exist!");
}
}
if(!isExist)
{
out.write("OK");
System.out.println("name " name " not exist!");
}
} finally {
out.close();
cml.DisconnectMysql();
}
}
然后在web.xml中添加servelt配置
到这里servlet配置完毕。
再就是配置jsp页面了
相关文章推荐
- ajax提交数据后刷新页面412
- JSP页面刷新重复提交数据解决方法总结(已验,可行)
- ajax 提交数据到后台jsp页面及页面跳转问题
- jsp页面的ajax和form表单提交后接收数据的区别(SpringMVC控制器返回Map对象)
- Jsp页面中ajax提交数据:及hbm.xml文件中出现的错误
- 用ajax提交数据到后台,并且把计算结果从后台把数据转到前台(该过程不刷新页面)
- 记录<a>标签使用中click事件中ajax提交数据后,整体页面也做了刷新操作的坑
- PHP Ajax,FormData收集表单数据(包括文件) 页面无刷新上传文件(提交表单)
- jsp页面防刷新,提交数据重复
- SpringMVC+Ajax页面无刷新提交多个文件和数据
- 利用ajax和JSP技术实现网页中表单的局部刷新(只刷新表单数据,而不刷新整个页面)
- 使用Dojo实现页面不刷新提交数据
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- 页面自动刷新,又不用让用户按回车键来提交数据!
- 如何避免因jsp刷新而重复提交数据
- 移动项目开发笔记(asp.net防止页面刷新引起重复提交数据)
- jsp中Ajax实现不刷屏的前提下实现页面定时刷新的功能
- 解决刷新页面造成的数据重复提交问题
- 使用Dojo实现页面不刷新提交数据
- 解决刷新页面造成的数据重复提交问题