如何通过Ajax获取JSON文件并优先读取最后一条数据？

你之前的思路有点走偏啦——把循环条件改成i < data.length-1其实是直接跳过了最后一条数据，根本没对它做任何处理，所以自然看不到效果。要实现“优先读取最后一条”的需求，我们得先单独取出并处理这条数据，再根据需要处理前面的内容。

方案一：先显示最后一条，再处理前面的所有数据 #

如果你的需求是优先展示最新的（最后一条）内容，再依次显示历史数据，可以这样修改代码：

jQuery(function(){ 
  $.ajax({ 
    url: 'http://127.0.0.1:8080/getsomejson', 
    dataType: 'json', 
    method: 'GET', 
    success: function (data) { 
      // 先判断数组是否为空，避免空数组报错
      if (data.length === 0) return;

      // 1. 优先处理最后一条数据
      const lastItem = data[data.length - 1];
      // 这里替换成你实际添加div的逻辑，比如假设数据有content字段
      const $latestDiv = $('<div>').addClass('latest').text(lastItem.content);
      $('#your-container').append($latestDiv);

      // 2. 再循环处理前面的所有数据（索引从0到length-2）
      for (var i = 0; i < data.length - 1; i++) {
        const item = data[i];
        const $div = $('<div>').text(item.content);
        $('#your-container').append($div);
      }
    } 
  }); 
});

方案二：只处理最后一条数据 #

如果你的需求仅仅是展示最后一条数据，不需要前面的内容，那就更简单了，直接跳过循环，只处理最后一项：

jQuery(function(){ 
  $.ajax({ 
    url: 'http://127.0.0.1:8080/getsomejson', 
    dataType: 'json', 
    method: 'GET', 
    success: function (data) { 
      if (data.length > 0) {
        const lastItem = data[data.length - 1];
        // 添加div到HTML的逻辑
        const $div = $('<div>').text(lastItem.content);
        $('#your-container').append($div);
      }
    } 
  }); 
});

关键说明 #

数组的索引是从0开始计数的，所以最后一条数据的索引永远是data.length - 1——只要接口返回的是标准JSON数组，这个方法就绝对有效。之前的错误在于你修改了循环的结束条件，导致最后一条数据完全没进入处理流程，现在我们先单独取出它，就能实现“优先读取”的需求啦。

内容的提问来源于stack exchange，提问作者mataka