（二）jQuery+ajax与servlet的交互

清疚 2022-06-14 05:42 263阅读 0赞

前面了解到[jQuery.ajax][]的概念，里面的知识点讲述的很清楚。

然后下一件事就是来完成一个例子来理解jQuery.ajax.：

这里实现jQuery+ajax+servlet来实现两者的交互（不用struts是因为自己觉得该回顾一下servlet）,这个例子很简单，就是jsp页面表单里面的值，通过异步来和servlet交互：

首先我们应该知道jQuery.ajax一些基本知识：比如url,data,dataType.......这里是知识点：[jQuery.ajax][]

jsp页面：

<body>
       <form action="">
       <input type="text" id="name" name="name" οnblur="Check()">
       <div id="show"></div>//用来显示传过去的name.
      </form>
      </body>

js:

servlet:

public class Check extends HttpServlet{
    
    	public void service(HttpServletRequest request, HttpServletResponse response)
    		    throws ServletException, IOException {
    		     //处理中文问题
    		   request.setCharacterEncoding("utf-8");
    		   response.setContentType("text/html;charset=utf-8");
    		   System.out.println("开始交互");
    		   String name=request.getParameter("name");//获取ajax传过来的值
    		   PrintWriter out = response.getWriter();
    		   out.write(name);//相应
    		   System.out.println("name=="+name+"\n");
    		   out.flush();
    		   out.close();
    		   System.out.println("交互结束");
    		  
    		}
    }

web.xml

<servlet>
      <servlet-name>Check</servlet-name>   
      <servlet-class>a.Check</servlet-class>   
    </servlet>
    <servlet-mapping>
      <servlet-name>Check</servlet-name>               
      <url-pattern>/Check</url-pattern>                   
    </servlet-mapping>

这里就完成一个最简单的交互,将传过去的值返回回来，可以在次基础上做自己需要的事情，验证注册名是否合法，登录名是否为空，以及其他的操作。

[jQuery.ajax]: http://blog.csdn.net/qq442270636/article/details/72972618