文章内容
2022/10/8 15:03:53,作 者: 黄兵
javascript XMLHttpRequest 返回内容的解析
最近摈弃 JQuery 这个库，改用原生 Javascript，用惯了 JQuery 使用 原生 Javascript 有些不习惯。
在使用 javascript XMLHttpRequest ajax 提交的是 json 数据，后端返回的也是 json 数据，但是前端的 response 却是 string 类型的数据，下面是示例代码：
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
const response = xhr.response;
console.log(typeof response)
} else {
alert("Request was unsuccessful: " + xhr.status)
}
}
};
xhr.open("post", "/", true);
xhr.setRequestHeader("Content-Type", "application/json")
xhr.setRequestHeader("X-CSRFToken", csrfToken)
const data = {"tiktok-url": textField.value};
xhr.send(JSON.stringify(data))
上面代码，调试结果是 string 类型数据，所以需要转换，我们直接使用 JSON.parse(response) 就可以将数据转换成 json 类型的数据。
之后就可以根据具体的情况获取后端的值。
参考资料：
黄兵个人博客原创。
评论列表