jquery - 我有这段代码，但我不知道出了什么问题

Question

$(document).ready(function() {
  $.ajax({
    type: 'GET',
    url: 'data.json',
    dataType: 'json',
    success: jsonParser
  });
});

$(".btn_val1").click(function() {
  function jsonParser(json) {
    $.getJSON('data.json', function(data) {
      $.each(data.dt.ld, function(k, v) {
        var title = v.titleContent;
        var img = v.image;
        var txt = v.textContent;
        $('.information_g').append('<p>' + txt + '</p>');
      });
    });
  }
});

运行脚本后，我收到此错误，但我不知道问题是什么:

Uncaught ReferenceError: jsonParser is not defined

Answer 1

问题是因为您仅在 .btn_val1 点击处理程序的范围内定义了 jsonParser() 函数。它需要在您的 $.ajax 调用范围内。

另请注意，您的逻辑有点奇怪。您正在对 data.json 进行 AJAX 调用，然后在该请求的成功处理程序中再次进行相同的调用。我建议您从 jsonParser() 中删除 $.getJSON() 调用。试试这个:

function jsonParser(data) {
  $.each(data.dt.ld, function(k, v) {
    var title = v.titleContent;
    var img = v.image;
    var txt = v.textContent;
    $('.information_g').append('<p>' + txt + '</p>');       
  });
}

$(document).ready(function() {
  $.ajax({
    type: 'GET',
    url: 'data.json',
    dataType: 'json',
    success: jsonParser
  });
});

$(".btn_val1").click(function() {
  // do something when this button is clicked...
});