AJAX在JSP和Servlet中的原理

jsp中的代码：

    用户名: 
    
    
      
    密码 : 
    
 
    

Servlet中的代码：
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
//获取标志位flag
String flag = request.getParameter("flag");
if ("validate".equals(flag)) {
// ajax唯一性校验
String username = request.getParameter("username");
boolean val = LoginServiceImpl.getInstance().vali(username);
/**
* ajax请求的数据类型
* 1.text（存文本）
* 2.xml
* 3.json格式
*/
//设置文本类型
response.setContentType("text/html");
PrintWriter writer = response.getWriter();
writer.print(val);
writer.close();
} else {
//正常form表单登录
// 获取表单参数
String username = request.getParameter("username");
String password = request.getParameter("password");
User u = LoginServiceImpl.getInstance().doLogin(username, password);
if (u != null) {
// 证明有用户
} else {
}
}
load()方法提供三个参数：
1.url地址 (必须存在)
2.data：要发送的数据（ 用来发送key/value的值 可有可无）
3.callback：回调函数(可有可无)
load作用：通过ajax请求从服务器加载数据，把返回的数据放到指定的元素中
代码
（1）load只写一个参数 NewFile.html代表一个静态页面中的内容

用户：

（3）ajax最终版本
（post写法）

（ajax写法）

用户名:



密码 :

（ajax 中JSON请求数据类型的形式最常用）
/**
* ajax请求的数据类型
* 1.text（存文本）
* 2.xml
* 3.json格式
*/
response.setContentType("text/html");
PrintWriter writer = response.getWriter();
writer.print(val);
writer.close();
//反一个json格式
response.setContentType("application/json");
PrintWriter writer = response.getWriter();
writer.print("[{"username":"xc","age":12},{"username":"xsdd","age":15},{"username":"xdsad","age":22}]");