如何在laravel中显示json数据

Question

我正在传递 ajax 以从数据库获取数据并获取 json 格式的数据，但我无法在视图上显示它。 我的 ajax 代码是

$(document).ready(function() {
      $("#inProgress").click(function(e) {
          e.preventDefault();
         e.stopImmediatePropagation();
          $.ajax({

          url: "inprogress",
          type: "POST",
          beforeSend: function(xhr) {
              xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));
          },
          success: function(res) {

                  var i;
                  var txt = '';
                  res = $.parseJSON(res);
                  console.log(res);
                  $.each(res, function(index, element) {
                      txt += "<div align='center' class='row w3-card-2 vendor'  id='" + index + "'>" +
                          "kkdk"
                      "</div>";

                      $('#inProgressDiv').html(txt);

                      //console.log('<a href="'+element[0]+'">');
                  });

                  //
              } //success

          }); //ajax

     })

  });

结果我从控制器得到以下格式：

我想要这种格式的数据，但是如何显示它。请帮帮我。

Answer 1

如下所示，您可能需要稍微调整一下。

$(document).ready(function() {
      $("#inProgress").click(function(e) {
          e.preventDefault();
         e.stopImmediatePropagation();
          $.ajax({

          url: "inprogress",
          type: "POST",
          beforeSend: function(xhr) {
              xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));
          },
          success: function(res) {

                  var i;
                  var txt = '';
                  res = $.parseJSON(res);
                  console.log(res);
                  foreach(var propname in res){
                   if($.isArray(res[propname]){
                         $.each(res, function(index, element) {
                              txt += "<div align='center' class='row w3-card-2 vendor'  id='" + index + "'>" +
                                  "kkdk"
                              "</div>";

                              $('#inProgressDiv').html(txt);

                              //console.log('<a href="'+element[0]+'">');
                          });
                   }
                  }
                  //
              } //success

          }); //ajax

     })

  });