ajax学习笔记

 

1、什么是ajax？

        1）创建交互式网页应用的网页开发技术

        2）ajax是一个可以发送http请求的，使用了js技术的合集。

        3）用于创建快速动态网页的技术。

        4）在无需重新加载整个网页的情况下，能够更新部分网页的技术。

 

2、AJAX   A 异步   J javascript A and X XML(异步的javascript and  XML)

 

3、var xhr = new XMLHttpRequest()    ---利用http 发送XML 请求。

 

4、XML使用步骤：

            1）创建对象              var xhr = new XMLHttpRequest()

            2）配置对象              xhr.open( 参数一，参数二 , 参数三 )     

                                                 a、参数一：请求方式（GET|POST）   

                                                 b、参数二：地址（url）

                                                 c、参数三：是否为异步（true|false）-----默认为true

            3）发送请求               xhr.send( )

            4）监听请求回调        

                    事件 :   

                        (1)xhr.onreadystatechange = function( ){ }

                        (2)xhr.onload = function( ){ }

                        (3)xhr.onprogress = function( ){ }

 

5、浏览器最简单的发送请求的方式：是在地址栏中发送。

 

6、什么叫做发送请求？

        在浏览器地址栏里输入一个url，浏览器向对应的路径发送了一个请求。

 

7、在浏览器地址栏输入url按下Enter键后会发生什么？（面试题）
            1）域名解析 -----把域名解析成ip地址 （DNS域名解析系统）

            2）把ip地址发送到网络供应端，去找相对应的主机服务器

            3）TCP的三次握手，简历连接

            4）开始发送请求，取回入口文件

            5）开始解析入口文件，并取回需要的资源

            6）进行后续操作

8、为了改良用户体验出现了非地址栏发送http请求方式：ajax

 

9、ajax的目标：无刷新加载页面

        1）发送请求    

        2）服务器返回内容有两种：

                （a）html页面   

                （b）数据（在页面内发送的请求服务器当场返回的是数据）（ json ）