XHR笔记

2022-01-20 19:04:10 阅读：145 来源： 互联网

标签：www form xhr 笔记 XHR JSON var document

xhr的使用

        //创建xhr
        var xhr =new XMLHttpRequest();
        //调用open函数
        xhr.open('GET','http://www.liulongbin.top:3006/api/getbooks')
        //调用send函数
        xhr.send()
        //监听onreadystatechange
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&&xhr.status==200){   //请求数据成功
        
            }
        }

xhr.readyState值的意义

带参数的get请求

xhr.setRequestHeader( 'Content-Type','application/x-www-form-urlencoded')

多个参数用&分隔参数后面直接加值参数=值不用加""

每个字占3组%

JSON 格式属性名加双引号“” 字符串的形式只能包括数字，字符，对象，数组，布尔型，null

var jsonStr = '{"a": "Hello", "b": "world"}'

JSON—>JS

JSON.parse(要改变的数据）

JS—>JSON

JSON.stringify(要改变的数据)

创建form对象

        var form=new FormData()  创建一个form对象
        form.append("uname",'aa')        向form中添加数据
        form.append("upwd",'1234')
       var xhr=new XMLHttpRequest();
       xhr.open('post','http://www.liulongbin.top:3006/api/formdata')
       xhr.send(form)    将数据上传

不需要 xhr.setRequestHeader( 'Content-Type','application/x-www-form-urlencoded')

loaded=下载了的长度 total=总长度

关键属性 contentType processData

ajax开始与结束

只能附加到文档document上

document.ajaxStart(callback) document.ajaxStop(callback)

            $(document).ajaxStart(function(){
                $('#img').show()
            })
            $(document).ajaxStop(function(){
                $('#img').hide()
                
            })

get不加data post不加params

标签：www,form,xhr,笔记,XHR,JSON,var,document
来源： https://blog.csdn.net/weixin_55770974/article/details/122586512

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9