html部分:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jqueryXmlImg.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
function verify(){
var url="../AjaxServletImg?userName="+$("#userName").val();
//url=convertURL(url);
$.get(url,null,callback);
}
function callback(data){
$("#resultMess").html(data);
}
function convertURL(url){
var timestamp=(new Date()).valueOf();
if(url.indexOf("?")>=0){
url=url+"&t="+timestamp;
}else{
url=url+"?t="+timestamp;
}
return url;
}
</script>
</head>
<body>
<input type="text" name="userName" id="userName" value="1111111" />
<input type="button" name="btn1" id="btn1" onclick="verify();" value="测试" />
<div id="resultMess"></div>
</body>
</html>
后台servlet部分:
package com.wf.servlet;
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 javax.servlet.http.HttpSession;
public class AjaxServletImg extends HttpServlet {
/**
* Constructor of the object.
*/
public AjaxServletImg() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
/**
* The doGet method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to get.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request,response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
HttpSession sess=request.getSession();
Integer inte=(Integer) sess.getAttribute("total");
int temp=0;
if(inte==null){
sess.setAttribute("total",1);
}else{
temp=inte.intValue()+1;
sess.setAttribute("total",temp);
}
try{
String userName=request.getParameter("userName");
System.out.println(userName);
if(userName==null||userName.length()==0){
out.println("用户名不能为空!"+temp);
}else{
if("oppa".equals(userName)){
out.println("用户名"+userName+"已经存在"+temp);
}else{
out.println("用户名"+userName+"可以注册使用!"+temp);
}
}
}catch(Exception e){
e.printStackTrace();
}
out.flush();
out.close();
}
public void init() throws ServletException {
}
}
说明:url=convertURL(url);这是让浏览器不读缓存的方法
中文乱码问题解决方法:
方法一:
1.var url="../AjaxServletImg?userName="+encodeURI($("#userName").val());
前台encodeURI()转换下
2.后台String userName=request.getParameter("userName");
System.out.println(userName);
userName=new String(userName.getBytes("iso8859-1"),"UTF-8");
也再转换下
1和2结合方能解决中文乱码问题 这是方法一
方法二:
分享到:
相关推荐
这个简单的Ajax例题,是为初学者准备的,旨在帮助他们理解和应用Ajax的基本原理和实践。通过使用Eclipse这样的集成开发环境(IDE),你可以更好地进行代码编写和调试。 在学习Ajax时,首先需要理解它的工作机制。...
它通过在后台与服务器进行少量数据交换,使网页实现异步更新。本资源包“AJAX开发简略”提供了丰富的例题和文档,旨在帮助初学者快速理解和掌握AJAX的核心概念和应用。** ### 1. AJAX基础 - **XMLHttpRequest对象**...
- **简单的GET请求**: 获取服务器上的静态数据,如天气预报或新闻摘要。 - **表单提交**: 提交表单数据到服务器,而无需页面跳转。 - **分页加载**: 滚动页面时动态加载更多内容,提升用户体验。 - **实时更新**: 如...
5. **处理响应**:当`readyState`为4(请求完成)且`status`为200(成功)时,读取`responseText`或`responseXML`获取服务器返回的数据。 ### 5. Ajax 与Java框架的结合 在Java框架中,如Spring MVC、Struts2等,...
它通过在后台与服务器交换数据并更新部分网页内容,提高了用户体验,使得网页更具交互性。 **Taconite.js 知识点** Taconite.js 是一个基于jQuery的小型Ajax库,由DigitalBush开发。它允许开发者通过XML指令来实现...
7. **处理响应**:在回调函数中,通过`responseText`或`responseXML`属性获取服务器返回的数据,并在前端进行解析和更新DOM。 **Ajax的应用场景** - **局部刷新**:比如在搜索框中输入关键词,实时显示搜索结果。 ...
使用Ajax,用户可以在不跳转页面的情况下获取下一页或上一页的数据。通过传递当前页码参数,服务器返回对应页的数据,前端再将新数据插入到页面适当位置。 5. **验证**: - Ajax可以用于客户端验证,例如表单验证...
它通过在后台与服务器进行少量数据交换,使网页实现异步更新,极大地提升了用户体验。《Ajax实战(Ajax in action中文版)》一书深入浅出地介绍了这一技术,旨在帮助开发者熟练掌握Ajax的核心概念和实践应用。 **1. ...