使用原生JS发送AJAX请求(XML,JSON解析)

Posted 一路の向北

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用原生JS发送AJAX请求(XML,JSON解析)相关的知识,希望对你有一定的参考价值。

mybutton.addEventListener(‘click‘, (e) => {
    let request = new XMLHttpRequest()
    request.onreadystatechange = () => {
        if(request.readyState === 4) {
            console.log(‘请求完毕‘)
            if(request.status >= 200 & request.status <= 300) {
                console.log(‘请求成功‘)
                console.log(request.responseText)
                //解析xml
                //let parser = new DOMParser();
                //let xmlDoc = parser.parseFromString(request.responseText, "text/xml")
                //let body=xmlDoc.getElementsByTagName(‘body‘)[0].textContent
                //console.log(body)
                //解析json    服务器返回的是字符串            
                let string = request.responseText
                let obj = window.JSON.parse(string)
                console.log(obj)
                console.log(obj.note)
                console.log(obj.note.to)
            } else if(request.status >= 400) {
                console.log(‘请求失败‘)
            }
        }
    }
    request.open(‘GET‘, ‘/xxx‘)
    request.send()
})

 

以上是关于使用原生JS发送AJAX请求(XML,JSON解析)的主要内容,如果未能解决你的问题,请参考以下文章

原生JS发送Ajax请求JSONP

JS原生Ajax请求

最详细的原生js实现ajax的封装

ssm项目之Ajax请求返还json解析

原生Ajax jquery中使用Ajxa

ajax发送异步请求