30分钟学会使用jQuery的Ajax功能

下面的例子是用jQuer的Ajax功能的get方法，进行异步请求。

效果是：点击按钮，检查输入的username是否可用。

<一>下载个jquery.js，载项目名WebRoot下建个文件夹jQuery，把jquery.js放在这个文件夹下。

<二>建个jsp，里面代码如下

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>










	
		

			username：
			

			


			password：
			


		
	

<三>在WEB-INF下得web.xml配置

 

  	jqueryAjaxGetServlet
  	com.web.ajax.JQueryAjaxGetServlet
  
   
  	jqueryAjaxGetServlet
  	/servlet/JQueryAjaxGetServlet
  

<4>：写Servlet，Servlet代码如下

package com.web.ajax;

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;

public class JQueryAjaxGetServlet extends HttpServlet{

	@Override
	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=UTF-8");
		response.setHeader("Cache-Control", "no-cache");
		PrintWriter out = response.getWriter();
		
		String username = request.getParameter("name");
		String password =request.getParameter("password");
		
		if("zhangsan".equals(username)){
			//此处是out.print不是out.println
			out.print("不可用");//out.print()里的内容将会输出到jsp页面中callback函数里
		}else{
			out.print("可以使用");
		}
		out.flush();
		out.close();
	}
}

 

运行下，可以看看效果。

jQuery的Ajax中post方法和get方法极为相似，只需把jsp中的

 $.get()换成$.post()就OK了