我有這段代碼，我也不知道出了什么問題

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

運行腳本后，出現此錯誤，我不知道問題出在哪里：

未捕獲的ReferenceError：未定義jsonParser

Answer 1

問題是因為僅在.btn_val1單擊處理程序的范圍內定義了jsonParser()函數。 它必須在$.ajax調用的范圍內。

另請注意，您的邏輯有些奇怪。 您要對data.json進行AJAX調用，然后在該請求success的處理程序中再次進行相同的調用。 我建議您從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...
});

Answer 2

您的jsonParser在$(".btn_val1").click因此單擊后才能訪問。 因此，您需要將其移出點擊處理程序的范圍。

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

Answer 3

您嘗試在定義之前傳遞功能。 嘗試這個：

 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() { // should it also call ajax request? }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>