数据不是来自 api.Javascript 不适用于 html 文件答案

【问题标题】：Data didnt coming from api.Javascript doesnt work on html file数据不是来自 api.Javascript 不适用于 html 文件
【发布时间】：2021-01-03 12:46:36
【问题描述】：

我有一些问题。我应该介绍 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 ");
        }
      };
    }
  },
};

【问题讨论】：

标签： javascript jquery ajax rest

【解决方案1】：

看起来你的 JS 处理 DOM 有问题。

您在 console.logs 中的进展如何？

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

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

document.querySelector(".elementToBindTo").appendChild(col);

从您的方法来看，不清楚什么是标题。 col.append(title);

可能标题是一个元素。但我没有在您的示例中看到声明。可能是：

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

【讨论】：