【经典】Ajax技术详解

一、Ajax简介

      Ajax是一种快速创建动态网页的技术，通过js异步发送请求，局部更新网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以实现对网页的异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某个部分进行更新。

      说白了，就是整个界面现在需要一部分需要改变，之前没有Ajax的时候是加载整个界面，现在Ajax技术可以在不加载整个界面的情况下，就可以对部分界面的功能进行更新。浏览器发送到服务器的请求，而是浏览器的部分通过JavaScript中的Ajax向服务器发送请求，然后将处理过后的数据响应给改变的浏览器界面部分。

      传统的网页（不使用Ajax）如果需要更新网页的内容，需要重载整个网页界面。Ajax只需要加载网页中的部分，不需要加载整个页面，大大提高了效率。

      说白了，jQuery和Ajax总结下，jQuery是JavaScript查询(Query)语言，使用最少的代码做最多的事情，选择器比较重要。Ajax是通过js异步发送请求，就是不需要等待上一个请求处理完，继续发出其他请求，用于局部更新页面的技术。他们都是辅助JavaScript语言，使js功能更加强大。 

二、Ajax——XMLHttpRequest 对象

      XMLHttpRequest对象是Ajax的基础也算是核心，请求和响应数据的对象。

      XMLHttpRequest用在后台与服务器交互数据。这意味着在不重新加载整个网页的情况下，对网页的某个部分进行更新。 

var xmlhttprequest = new XMLHttpRequest();

 ① 请求数据：界面修改的数据向服务器发送请求

        如需将请求发送到服务器，我们使用的是XMLHttpRequest对象中的open()和send()方法。open（）是请求的方式和参数设置，send（）是     修改界面，界面上显示的数据也可能会修改，修改的请求到服务器，然后进行处理。

  ②关于method发送请求，是Get还是Post:

   ③关于异步请求：True还是False

     XMLHttpRequest对象如果用于Ajax的话，其Open方法中必须是异步请求，异步就是在上一个进程或者线程或者其他的程序代码没有执行完，另一个进程或者是线程不等待上一个是否执行完就开始执行。对于开发人员来说异步请求是一个很大的进步，通过Ajax无需等待服务器的响应，而是<1>在等待其他服务器响应的同时可以响应其他的脚本。<2>响应就绪后对响应进行处理

    ④服务器的响应

    有请求就会有响应，请求——响应是成对出现的，否则就是不完整，或者是程序中出现错误。

    界面部分功能已经发送请求，这个请求不是整个浏览器发送到服务器的请求，而是浏览器的部分通过JavaScript中的Ajax向服务器发送请求，然后处理过后的数据响应给改变的浏览器界面部分。

    Ajax更新的界面如果获取来自服务器的响应，使用的是XMLHttpRequest的requestText和responseXML属性。

   ⑤onreadystatechange 事件

  当界面需要更新的部分发送请求时候，并且服务器响应已经做好被处理的准备所执行的任务。说白了，当请求发送到服务器，要判断请求是否完成和响应是否准备好响应给用户。

三、总结

     Ajax可以说是一个辅助JavaScript的一个语言标记，更加完善了JavaScript的功能。更新浏览器的局部功能，其中最主要的就是XMLHttpRequest对象中的属性。

    以上是Ajax的主要内容，谢谢浏览！

    不积跬步无以致千里，每一个技术点都需要用心去总结。