Bootgrid讀取JSON中的返回值

我正在使用jQuery bootgrid在表中顯示數據。我使用Ajax獲取數據，並以JSON格式返回值。在JSON字符串中，它包含一個我想要讀取的變量，以便在表格的其他部分中顯示。Bootgrid讀取JSON中的返回值

的Ajax功能如下：

function ajaxAction(action) { 
      data = $("#frm_"+action).serializeArray(); 
      $.ajax({ 
       type: "POST", 
       url: "response_pedidos.php", 
       data: data, 
       dataType: "json",  
       success: function(response) 
       { 
       $('#'+action+'_model').modal('hide'); 
       $("#employee_grid").bootgrid('reload'); 
       }, 
       error: function (request, error) { 
       console.log(arguments); 
      } 
      }); }

我看從PHP頁面響應，並具有以下格式：

{"current":1, 
"rowCount":20, 
"total":7, 
"cantidad_totales":8.5, 
"id_pedido":13, 
"rows":[{"id_pedidos_productos" :"57", 
      "cantidad":"1.5", 
      "descripcion":"prueba con decimales", 
      "nombre":"Astro naranja"}, 
     {"id_pedidos_productos":"52", 
      "cantidad":"1", 
      "descripcion":"", 
      "nombre":"Gipso grande"}, 
     {"id_pedidos_productos":"54", 
      "cantidad":"1", 
      "descripcion":"", 
      "nombre":"Lilis Rosita"}, 
     {"id_pedidos_productos":"53", 
      "cantidad":"1", 
      "descripcion" :"", 
      "nombre":"Plumosos"}, 
     {"id_pedidos_productos":"56", 
      "cantidad":"1", 
      "descripcion":"", 
      "nombre":"ROSAS BABY VENDELA"}, 
     {"id_pedidos_productos":"55", 
      "cantidad":"1", 
      "descripcion":"", 
      "nombre":"Rosas rojas"}, 
     {"id_pedidos_productos":"51", 
      "cantidad":"2", 
      "descripcion":"", 
      "nombre":"ROSAS ROSITAS \"MATIZADAS\"" }]}

在頁面上，我的表看起來像這樣，我想在下面的表格中顯示獲得的值：

現在，我想要做的是讀取返回的值：「cantidad_totales」。

我想趕上它顯示在頁面的簡歷部分。

有誰知道我該怎麼做？

來源

2017-07-13 Lenin Ocaña

這是你能怎麼處理它：

var cantidadTotales; 

$('#tbl').bootgrid({ 
    formatters:{ 
    ... 
    }, 
    rowCount: [5, 10, 25], 
    ... 
    labels: { 
    .... 
    }, 
    css: { 
    ... 
    }, 
     responseHandler: function (data) { 
      var response = { 
       current: data.current, 
       rowCount: data.rowCount, 
       rows: data.rows, 
       total: data.total, 
       cantidad_totales: data.cantidad_totales, 
       id_pedido: data.id_pedido 
      }; 
      //store cantidad_totales into a variable... 
      cantidadTotales = data.cantidad_totales; 

      return response; 

     }, 
     ajaxSettings: { 
      method: 'POST', 
      contentType: 'application/json' 
     }, 
     ajax: true, 
     url: 'The_Url_To_Load_Your_Data' 
    }).on("loaded.rs.jquery.bootgrid", function (s) { 
     //Now, display the cantidad_totales in your div or whatever 
     $('div#YourTotalDiv').html(cantidadTotales); 
    }); 
})

來源

2017-07-26 07:26:20 zinczinc

非常感謝你，不知道respondeHandler和requestHandler。這個功能解決了現在我可以觀察數據並在表格外使用它的問題。 –

Bootgrid讀取JSON中的返回值

回答

相關問題