javascript - 为什么 AJAX 调用会被忽略？

Question

我不知道为什么该进程会忽略我的 AJAX 调用。它只是从 console.log("1"); 跳转到 console.log("2");。

有人可以向我解释一下出了什么问题吗？

render: function() {
  let view = this;
  component.prototype.render.call(view);

  console.log("1");

  $.ajax = ({
    type: "GET",
    cache: false,
    url: "news.json",
    dataType: "json",
    success: function(json) {

      console.log("success");

      for (let i = 0; i < json.length; i++) {
        let news = modelNews;
        news.title = json[i].title;
        news.type = json[i].type;
        news.img = json[i].img;
        news.link = json[i].link;

        view.$('#newsfeed').append(news.getNewsFeedLook());
      }
    },
    error: function() {
      console.log("error");
    }
  });

  console.log("2");

}

Answer 1

您的代码没有调用 jQuery 的 ajax 函数，而是重新分配它。

$.ajax = ({
    type: "GET",
    cache: false,
    url: "news.json",
    dataType: "json",
    success: function(json) {

      console.log("success");

      for (let i = 0; i < json.length; i++) {
        let news = modelNews;
        news.title = json[i].title;
        news.type = json[i].type;
        news.img = json[i].img;
        news.link = json[i].link;

        view.$('#newsfeed').append(news.getNewsFeedLook());
      }
    },
    error: function() {
      console.log("error");
    }
  });

这是正确的调用，即函数调用。 请密切注意像这样的小错误!

$.ajax({
    type: "GET",
    cache: false,
    url: "news.json",
    dataType: "json",
    success: function(json) {

      console.log("success");

      for (let i = 0; i < json.length; i++) {
        let news = modelNews;
        news.title = json[i].title;
        news.type = json[i].type;
        news.img = json[i].img;
        news.link = json[i].link;

        view.$('#newsfeed').append(news.getNewsFeedLook());
      }
    },
    error: function() {
      console.log("error");
    }
  });