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方式   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值