Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在对象数组中循环,但只打印前2个_Jquery_Ajax_Api - Fatal编程技术网

Jquery 如何在对象数组中循环,但只打印前2个

Jquery 如何在对象数组中循环,但只打印前2个,jquery,ajax,api,Jquery,Ajax,Api,下面是我的代码,它点击API并将所有五个附加到ul id=“cards”中的li。如何将结果限制为仅前两个 谢谢 $.ajax({ url: url, success: function(data){ var cards = data.results; console.log(cards); $.each(cards, function(i, card) { $("#cards").append('<li> ' + card.category + ' </l

下面是我的代码,它点击API并将所有五个附加到ul id=“cards”中的li。如何将结果限制为仅前两个

谢谢

$.ajax({
url: url,
success: function(data){
  var cards = data.results;
  console.log(cards);
  $.each(cards, function(i, card) {
    $("#cards").append('<li> ' + card.category + ' </li>');
  });
$.ajax({
url:url,
成功:功能(数据){
var卡=数据。结果;
控制台.日志(卡片);
$。每个(卡,功能(i,卡){
$(“#卡片”).append(“
  • ”+card.category+”
  • ); });
    } });

    如中所述,回调函数接受索引和值:函数(索引,值);在你的例子中,我是索引

    这应该起作用:

    $.ajax({
    url: url,
    success: function(data){
      var cards = data.results;
      console.log(cards);
      $.each(cards, function(i, card) {
        if(i <=  1)
            $("#cards").append('<li> ' + card.category + ' </li>');
        else
            return false; //THis is the correct way to break a jquery each loop
      });
    
    $.ajax({
    url:url,
    成功:功能(数据){
    var卡=数据。结果;
    控制台.日志(卡片);
    $。每个(卡,功能(i,卡){
    
    如果(i使用
    if
    条件,在
    每个方法中使用

        $.ajax({
        url: url,
        success: function(data){
          var cards = data.results;
          console.log(cards);
          $.each(cards, function(i, card) {
        if(i<2){
            $("#cards").append('<li> ' + card.category + ' </li>');
        }
          });
    }
         });
    
    $.ajax({
    url:url,
    成功:功能(数据){
    var卡=数据。结果;
    控制台.日志(卡片);
    $。每个(卡,功能(i,卡){
    
    如果(i不需要每个…或任何其他循环

    $("#cards").append('<li>' + cards[0].category + '</li><li>' + cards[1].category + '</li>');
    
    $(“#卡片”)。追加(“
  • ”+卡片[0]。类别+”
  • '+卡片[1]。类别+”');
    我怎么没有想到这一点?太明显了!谢谢!我会在那里放一个else来返回和退出循环,否则它将继续循环索引从0ya开始这是我的错误在函数中使用此条件
    如果(I<2){$(“#cards”).append(“
  • ”+card.category+”
  • )}
    假设API总是返回至少2张卡。