使用 Ajax 代码在表中显示数组值。

Question

这是我尝试过的代码，

<script type="text/javascript">
    $('#doctorselected').on('change', function(e){
      console.log(e);
      var doctorid = e.target.value;
      var url = '{{URL::to('getdocDetails')}}';
      $.ajax({
         type : 'get',
         url  : url,
         data : {'doctorid':doctorid},
         success:function(data){
           console.log(data);
           var d = $.parseJSON(data);
           console.log(d);
            var output = '';
            $.each(d,function(i,e) {
                output += '<tr><td>'+e.products+'</td></tr>'
            });
            $('#tbody').append(output);
         },
         error:function(data)
         {
           console.log(data);
         }
    });
  });
  </script>

这是这段代码的输出，

当我选择下拉列表时，将显示所有数组值，例如 A,B,C,D

我想在每一行中显示单个值

喜欢这个

A
B
C 
D

请帮帮我。

Answer 1

您作为each 方法的输入发送的数组目前只有一个项目，一个带有键products 的对象和带有逗号分隔的产品列表的值，在本例中为Crocin 和Sinarest：

[{ 
    products: "Crocin,Sinarest" 
}]

因此，列表将仅包含并显示一项，即此对象。

您需要将对象转换为包含产品的数组才能呈现列表。我建议在后端执行此操作。你可以用explode(",", "Crocin,Sinarest");来做到这一点

如果您不想更改后端，可以在 JavaScript 中执行以下操作：

$.each(d[0].products.split(","), function (index, product) {
    output += '<tr><td>' + product + '</td></tr>'
});

希望这会有所帮助！