Ajax学习

     Ajax，异步javascript与xml,是使用客户端脚本与web服务器交互数据的web应用开发方法。俗称-----Ajax异步提交。

    异步即相对于同步而言,同步就像是大家军训时走正步一样,大家要整齐划一,统一进行。而异步就是平时大家日常生活自己做自己的事一样,可以毫无关联,当然偶尔打声招呼，说声hello！也是必要的，那就是异步之间的通信了。闲话少说，步入正题。

   使用Ajax,其中最主要的就是XMLHttpRequest这个对象。由它封装好客户端的请求信息，提交至服务器。然后带回服务器的返回数据（数据与内容大家区别一下,数据就是某个单纯的值，而内容夹杂了很多修饰信息,如html,css等等）。这还是web的请求响应模式，只是变成异步罢了。下面举几个例子。

    一： helloworld

       (1)新建ajax.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

  (2)新建名为Test的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;


public class Test extends HttpServlet {
  
private static final long serialVersionUID = 1L;


public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {


this.doPost(request, response);
}


public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
         
 request.setCharacterEncoding("UTF-8");
 response.setCharacterEncoding("UTF-8");
 
 PrintWriter out = response.getWriter();  
 String t=request.getParameter("text");
 out.println(t);
 
}


}

 （3）配置web.xml

  

  （4）完成

                 

     

    二：页面局部更新

   

  （1）新建index.html

    

word
img

    （2）新建 img.jsp ,text.jsp

          1.text.jsp

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

   

hello!

 2.img.jsp

  //自己修改内容

3.完成