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");
    }
  });

为什么忽略AJAX调用？

1 个答案: