数据不是来自api。Javascript在html文件上不起作用

我有一些问题。我应该在html文件上显示数据。数据来自api。我将数据附加到数组中。在博客上我应该显示文章的图片和标题。但没有添加。我的错误在哪里。请帮帮我

const blogs = {
  baseURL: "http://127.0.0.1:8000/",
  blogs: () => {
    let blogData = $(".blog_area").serializeArray();
    let blogArray = {};
    if (blogData) {
      blogArray.id = blogData[0].value;
      blogArray.image = blogData[1].value;
      blogArray.title = blogData[2].value;
      blogArray.article=blogData[3].value;
      console.log(blogArray)
      const request = new XMLHttpRequest();
      request.open("GET", blog.baseURL + "blog/allblog", true);
      request.setRequestHeader("content-type", "application/json");
      request.send(JSON.stringify(blogArray));
      
      request.onload = () => {
        if (request.status != 400 && request.status != 500) {
    console.log(blogArray);
           col = $("<div>");
           col.addClass("blog-content col-md-9");
           $(".blog-content").attr("id");
           $(".blog-content").attr("image");
           $(".blog-content").attr("title");
           $(".blog-content").attr("article");
           col.append(image);
           col.append(article);
           col.append(id);
           console.log("salam");
           col.append(title);
console.log(blogArray);
        

        } else {
          console.log("You didnt get ");
        }
      };
    }
  },
};

const博客={
基本URL:“http://127.0.0.1:8000/",
博客：（）=>{
让blogData=$（“.blog_区域”）.serializeArray（）；
让blogArray={}；
if（博客数据）{
blogArray.id=blogData[0]。值；
blogArray.image=blogData[1]。值；
blogArray.title=blogData[2]。值；
blogArray.article=blogData[3]。值；
日志（blogArray）
const request=new XMLHttpRequest（）；
打开（“GET”，blog.baseURL+“blog/allblog”，true）；
setRequestHeader（“内容类型”、“应用程序/json”）；
send（JSON.stringify（blogArray））；
request.onload=（）=>{
if（request.status！=400&&request.status！=500）{
log（blograray）；
col=$（“”）；
col.addClass（“博客内容col-md-9”）；
$（“.blog content”）.attr（“id”）；
$（“.blog content”）.attr（“image”）；
$（“.blog content”）.attr（“title”）；
$（“.blog content”）.attr（“文章”）；
col.append（图像）；
上校（文章）；
col.append（id）；
控制台日志（“salam”）；
上校（头衔）；
log（blograray）；
}否则{
log（“您没有得到”）；
}
};
}
},
};

您的JS处理DOM时似乎有问题

您在console.logs中运行了多长时间

我看到您正在创建一个div，但没有将其附加到文档中

在DOM操作结束时，应该将div绑定到某个元素

document.querySelector（“.elementToBindTo”）.appendChild（col）

从您的方法来看，不清楚标题是什么。
col.append（标题）

标题可能是一个元素。但是我在你的例子中没有看到声明。它可以是：

const table = document.querySelector("table");
table.append(col)