如何解决该条件在 ajax 请求中不起作用
const d = document;
const $table = d.querySelector(".crud-table");
const $form = d.querySelector(".crud-form");
const $title = d.querySelector(".crud-title");
const $template = d.getElementById("crud-template").content;
const $fragment = d.createDocumentFragment();
const ajax = (options) => {
let {url,method,success,error,data} = options;
const xhr = new XMLHttpRequest();
xhr.addEventListener("readystatechange",e =>{
if(xhr.readyState !== 4) return;
if(xhr.status >= 200 && xhr.status < 300){
let json = JSON.parse(xhr.responseText);
success(json);
}else{
let message = xhr.statusText || "Ocurrio un error";
error(`Error ${xhr.status}: ${message}`);
}
});
xhr.open(method || "GET",url);
xhr.setRequestHeader("Cotent-type","application/json; charset=utf-8");
xhr.send(JSON.stringify(data));
}
const getAll = () => {
ajax({
url:"http://localhost:5551/santo",success: (res) => {console.log(res)},error: (err) =>{
//console.log(err);
$table.insertAdjacentHTML("afterend",`<p><b>${err}</b></p>`);
}
})
}
d.addEventListener("DOMContentLoaded",getAll)
我正在用 ajax 做一个 CRUD 练习。该请求是向本地服务器 (db.json) 发出的。 getAll() 函数中的 else 条件不起作用。抛出错误:crud_ajax.html: 83 Uncaught TypeError: 无法读取 null 的属性“insertAdjacentHTML” 在 XMLHttpRequest 处出错。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。