利用XMLHttpRequest实现echo程序页面的原理

      echo程序页面的局部刷新与异步处理：       
      页面通过一个input文本框，一个绑定click触发javascript事件函数的按钮，javascript中实例化XMLHttpRequest对象，调用open()方法建立请求：设置请求方式(get/post)；请求地址(servlet地址)；是否异步(true/false)，调用send()方法发送请求并接收echo数据，将echo数据显示在当前页面上。       
      原理：
          传统的jsp/servlet开发是通过表单提交或者地址重写来跳转到servlet，servlet进行处理后，可以在当前servlet路径的页面下通过response.getWriter().println()（或print()，write()，区别在于write()只能进行字符串和常用数据类型的输出，print()和println()通过将数据用默认编码转换为byte数组的形式输出，支持输出对象。response.getWriter()返回的是java.io.PrintWriter对象）进行html元素或者文本的打印输出，或者跳转到其他jsp页面。这样的过程是整个页面刷新。而XMLHttpRequest对象对servlet的请求和Response响应内容的接收都是独立完成的，不需要页面跳转或刷新，相当于XMLHttpRequest对象代表页面单独与servlet交互，可以以byte数组，XML，文本等各种格式接收response的内容，包括response.getWriter().println()的输出流内容都可以取到，不会再打印到servlet本身的页面上。javascript中，send()调用后，设置XMLHttpRequest对象的onreadystatechange变动时函数的调用，变动发生时将判断readystate的值，做相应处理，readystate等于4时，服务器响应完毕，用XMLHttpRequest.responseText创建一个TextNode元素，用javascript与DOM操作将元素加入页面，即完成echo。