JavaWeb —— AJAX

目录

AJAX 基本介绍（A synchronous JavaScript And XML）

多用在（1浏览器搜索联想，2用户注册中离开光标，校验数据的正确性)

同步和异步的区别

AJAX快速入门

AJAX 基本介绍（A synchronous JavaScript And XML）

多用在（1浏览器搜索联想，2用户注册中离开光标，校验数据的正确性)

作用：

1 与服务器进行数据交换，可以给服务器发送请求，和接收服务器请求

2 异步交互：在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页技术。（搜索联想，用户名校验）

（传统的注册需要用户点击注册才提示用户名校正失败）

同步和异步的区别

同步：客服端提交数据到服务器，需要等待数据传输到服务端，服务端接收数据并刷新才会将页面效果响应到客户端，提交到等待的这段时间就是同步了。（客户端需要等待服务端处理）

异步：客户端提交数据到服务端，不需要等待服务端刷新数据和处理。（客户端不需要等待服务端处理）

AJAX快速入门

分四步：

客户端 ： 1创建核心对象（XMLHttpRequest）2发送请求 3获取响应(在wcschools中可找到)

 //1 创建核心对象XMLHttpRequest
var xhttp;
    if (window.XMLHttpRequest) {
        xhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xhttp = new ActiveXObject("Microsoft.XMLHTTP");
        //2 发送请求
        xhttp.open("GET", "http://localhost/tomcat_demo2_war/ajaxdemo1");
        xhttp.send();
    }
        //3 获取响应
        xhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                alert(this.responseText);
            }
        }
​

 服务端 ： 在doGet中响应数据

4 Response.getWriter().wrter("helo ajax");