php - Jquery循环通过json数组获取数据并用逗号分隔？

Question

我有 json 数组，我正在尝试获取以逗号分隔的数组值。 Mysql查询并循环json数组

if($_REQUEST['grpid']) {
    $sql = "SELECT cnumber, group_id FROM tbl_contact WHERE group_id ='".$_REQUEST['grpid']."'" ;
    $resultset = $connecDB->query($sql);
    //$resultset = mysqli_query($connecDB, $sql) or die("database error:". mysqli_error($connecDB));

    $data = array();
    while( $rows = $resultset->fetch_assoc() ) {
        $data[] = $rows;
    }
    echo json_encode($data);
} else {
    echo 0; 
}

JS:

$("#gnumbers").change(function() { 
  var id = $(this).find(":selected").val();
  var dataString = 'grpid='+ id;    
  $.ajax({                
    url: 'getGroupNumbers.php',
    dataType: "json",
    data: dataString,  
    cache: false,
    success: function (data) {  
      var i, l;
      for (i = 0, l = data.length; i < l; i++) { 
        $("#num").text(data[i].cnumber);
        //console.log(data[i].cnumber);
      }       
    } 
  });
});

结果仅显示最后一行。以下是输出:

我想，如何在我的文本区域中使用逗号分隔所有 cnumber 数据？

Answer 1

您可以在第一次循环之后的每次迭代中将 .text() 更改为 .append()。

success: function (data) {  
  var i, l;
  for (i = 0, l = data.length; i < l; i++) { 
    if(i==0) { // if 1st, use .text()
        $("#num").text(data[i].cnumber);
    } else { // if not 1st, use .append() and prepend a comma
        $("#num").append(", "+ data[i].cnumber);
    }
    //console.log(data[i].cnumber);
  }