Question

我创建了一个JSON读取函数，但是我收到了错误：

TypeError：a未定义

这是我的代码：

$(function() {
    var json = $.getJSON("http://localhost/stratagic-json/project_json.php", function() {
        console.log("success");
    });
    var mhtml = '';
    $.each(json.slider, function(key, val) {
        mhtml += '<li><div class="proj-details-wrap"> <img src="images/' + val.image + '" />';
        mhtml += '<div class="proj-badge">' + val.status + '</div>';
        mhtml += '<div class="proj-name">' + val.name + ' <span>' + val.location + '</span> </div>';
        mhtml += '</div>';
        mhtml += ' <div class="container proj-desc">' + val.description + '</div>';
        mhtml += '</li>';
    });
    var $ul = $('<ul class="slides">').append($(mhtml)); // append DOM only one time.
    $('.slider').append($ul);
})

Answer 1

问题是$.getJSON是一种异步方法，您正在同步处理它。 json.slider为undefined，因为$.getJSON实际上会返回一个承诺，而不是数据。需要通过回调或承诺访问数据。这应该有效：

$(function() {
    $.getJSON("http://localhost/stratagic-json/project_json.php", function(json) {
      var mhtml = '';
      $.each(json.slider, function(key, val) {
          mhtml += '<li><div class="proj-details-wrap"> <img src="images/' + val.image + '" />';
          mhtml += '<div class="proj-badge">' + val.status + '</div>';
          mhtml += '<div class="proj-name">' + val.name + ' <span>' + val.location + '</span> </div>';
          mhtml += '</div>';
          mhtml += ' <div class="container proj-desc">' + val.description + '</div>';
          mhtml += '</li>';
      });
      var $ul = $('<ul class="slides">').append($(mhtml)); // append DOM only one time.
      $('.slider').append($ul);
    });
})

您也可以这样做：

$(function() {
    var jqXhr = $.getJSON("http://localhost/stratagic-json/project_json.php");
    jqXhr.done( function (data) {
      // Do something
    });
})

TypeError：a在JavaScript中未定义

1 个答案: