ajax学习笔记

 

ajax学习:

        1、ajax的作用：

            ajax局部刷新技术，其实就是使用js实现局部数据的实时变更

            解决了不同响应之间数据共享的问题

            优势：

                提高了网络传输效率，提升了用户体验

        2、ajax的使用

            创建ajax对象：

                浏览器差异问题

            复写onreadystatechange函数

                接收响应结果：

                    响应数据的类型：

                        普通文本：就是字符串

                        json格式的数据：

                            就是使用了json数据格式拼接的字符串，这样在客户端我们就可以

                            使用eval()方法将响应的字符串数据转换成可执行的js代码

                            极力推荐使用json数据格式来做响应

                        XML数据：

                            使用JSP页面来书写XML数据，设置响应头为XML类型的数据。

                            在客户端使用responseXML来接收响应的xml数据（返回document对象）。

                            使用document对象来操作xml数据

                            doc.getElementsByTagName("标签名")[角标].firstChild.data

                    按照readyState的值为4来接收，4表示响应数据成功接收

                        status：200表示一切OK

                                404表示资源未找到

                                500表示服务器内部错误

                处理响应结果：

                    使用js操作文档结构

            创建并发送请求：

                异步同步:

                    异步：默认是异步，会开辟两个线程，主线程会继续执行代码，子线程来处理响应结果的代码

                    同步：一个线程，会等待处理结果完成后，再继续执行后面的代码

                get：

                    请求数据以问号的形式拼接在url后面，键值对。

                    因为浏览器差异的问题，在send的时候一定是：send(null)

                    request.open("get","uri?用户请求数据");

                    request.send(null);       

                post：

                    post是有请求实体的，用户数据使用send直接发送

                    request.open("post","uri");

                    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

                    request.send("用户数据");   

    总结：

        ajax学习：

            1、ajax的优势及诞生

            2、ajax的使用

                创建ajax对象

                复写onreadstatechange函数

                    状态码

                    响应数据格式

                        普通文本

                        json

                        xml

                创建并发送请求

                    异步同步

                    get方式

                    post方式