jquery异步

用Jquery实现异步调用非常简单，本文是基于jsp加servlet实现的一个小Demo，拿出来跟大家共享一下。
主要是应用 Jquery ajax 的 $.ajax(),$.post(),$.get();

首先是 服务端的Servlet 演示这三个函数的用法对都是用的同一个服务端


Java代码
package com.june.servlet; import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpServletRequest;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException; public class jqueryAjaxServer extends HttpServlet {public jqueryAjaxServer(){super();}public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException ,ServletException {response.setContentType("text/html;charset=utf-8");PrintWriter out=response.getWriter();String account=request.getParameter("account");if("iamcrzay".equals(account)){out.print("Sorry,the user is exist");}else{out.print("Congratulation,this accont you can use!!!!");}out.close();}public void doPost(HttpServletRequest request,HttpServletResponse response)throws IOException ,ServletException {this.doGet(request, response);}}

下面是WEB.XML

Xml代码
jqueryAjaxServercom.june.servlet.jqueryAjaxServerjqueryAjaxServer/jqueryAjaxindex.jsp


下面是Jsp页面
第一个是 jqueryAjax.jsp 本页使用的是$.ajax()

Html代码
<%@ page language="java" pageEncoding="utf-8"%>

jquery AjaX

---

请输入用户名 ：

第二个用的是 $.post()


Html代码
<%@ page language="java" pageEncoding="utf-8"%>

jquery Ajax

---

请输入用户名 ：

第三个是用的$.get()


Html代码
<%@ page pageEncoding="utf-8"%>

jquery AjaX

---

请输入用户名 ：