java中Ajax的使用

Ajax：  （Asynchronous JavaScript and XML）异步的javascript与xml技术

          通过异步请求 不刷新页面的情况下通过javascript与服务器端进行通讯

               可以达到页面的局部刷新

        

异步-》          多个执行或者同时执行

同步-》          按照一定的顺序一次执行

ajax 服务器端进行通讯核心的对象   XMLHttpRequest 

     浏览器上都有这个对象，但不同的浏览器创建方式不一样

使用ajax步骤

    1:创建XMLHttpRequest  对象

    2：XMLHttpRequest  对象与服务器建立连接

          open（"请求方式get||post" ，"url",“是否异步请求true||false”,）

    3：监听服务器的处理状态（两种：请求的处理状态和响应状态）

          指派一个监听函数

          XMLHttpRequest  对象 

onreadystatechange

 readyState  （请求的处理状态 ）0,连接未建立 

                                                       1,连接已建立但请求未处理

                                                       2,请求在处理中

                                                       3,请求在响应中

                                                       4 请求处理完成，相应完成

XMLHttpRequest  对象responeseText；服务器的响应值

XMLHttpRequest  对象 status （响应状态 ）

                                                  5xx--服务器的错误

                                                   4xx--客户端页面出现的错误    

                                                 200-》正常响应状态，服务器           

   4.   send（）；发送请求

eg：用ajax实现局部刷新

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

    pageEncoding="UTF-8"%>

          

          

eg：用ajax来实现显示数据库省份信息

1：先封装好一个createXMLHttpRequest.js文件，内容如下：

function createRequest(){

          var xmlHttpRequest =null;

          if (window.XMLHttpRequest) {

                   xmlHttpRequest=new XMLHttpRequest();

          }else {

                   if (window.ActiveXObject) {

                             try {

                                      xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");

                             } catch (Exception) {

                                      xmlHttpRequest=new ActiveXObject("MSXML2.XMLHTTP");

                             }

                   }

          }

          return xmlHttpRequest;

2：前端页面代码

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

          pageEncoding="UTF-8"%>

          省份：

          

          

          城市：

          

          

}2.