javascript - 如何执行这个数组(jQuery Ajax)？

Question

我有一个 PHP 脚本返回一个包含 4 条记录的对象:

$obj = array(
    'id'=>$id,
    'idCliente'=>$idCliente,
    'arquivo'=>$arquivo,
    'titulo'=>$titulo,
    'descricao'=>$descricao,
    'data' => $datacadastro
    );

我需要在 HTML 中一条一条地显示记录。我是 jQuery 的新手，我尝试用 3 天的时间编写这段代码，所以我决定问问。

<div>
    ID:
    IDCliente:
    Arquivo:
    Titulo:
    Descricao:
    Data:
</div>
<div>
    ID:
    IDCliente:
    Arquivo:
    Titulo:
    Descricao:
    Data:
</div>
<div>
    ID:
    IDCliente:
    Arquivo:
    Titulo:
    Descricao:
    Data:
</div>
<div>
    ID:
    IDCliente:
    Arquivo:
    Titulo:
    Descricao:
    Data:
</div>

如何进行？我有:

$.ajax ({   type: "POST", 
    dataType : "json",
    cache: false,
    url: "<?php bloginfo('template_url'); ?>/scripts/php_functions.php",
    data: {idClienteDocumentos: idClienteDocumentos, ajax: "true"},
    success: function(result){

我有这段代码，但它不起作用。

var campos = ['arquivo', 'idCliente', 'titulo', 'descricao', 'arquivo', 'data'];
var tabela = $('<div id="tabela"></div>');
resultado.forEach(function (linha) {
    var linhaDiv = $('<div></div>');
    linha.forEach(function (campo, index) {
        $('<div></div>').addClass(campos[index]).text(campo).appendTo(linhaDiv);
    });
    linhaDiv.appendTo(tabela);
});

Answer 1

您的 PHP 脚本可以是:

$obj = array(
    'id'=>$id,
    'idCliente'=>$idCliente,
    'arquivo'=>$arquivo,
    'titulo'=>$titulo,
    'descricao'=>$descricao,
    'data' => $datacadastro
    );
$result = array('results' => $obj);
echo json_encode($result); die;

你的 jQuery 可以是:

$.ajax ({   type: "POST", 
    dataType : "json",
    cache: false,
    url: "<?php bloginfo('template_url'); ?>/scripts/php_functions.php",
    data: {idClienteDocumentos: idClienteDocumentos, ajax: "true"},
    success: function(response){
      console.log(response.results.id)
      $("#main_div").append(response.results.id);
    }
});

这只是一个示例脚本，您可以根据需要进行修改。

如果你有多维数组，那么你可以通过循环遍历每条记录，如下所示:

PHP代码:

$obj[0] = array(
    'id'=>$id,
    'idCliente'=>$idCliente,
    'arquivo'=>$arquivo,
    'titulo'=>$titulo,
    'descricao'=>$descricao,
    'data' => $datacadastro
    );
$obj[1] = array(
    'id'=>$id,
    'idCliente'=>$idCliente,
    'arquivo'=>$arquivo,
    'titulo'=>$titulo,
    'descricao'=>$descricao,
    'data' => $datacadastro
    );
$result = array('results' => $obj);
echo json_encode($result); die;

J查询:

$.ajax ({   type: "POST", 
        dataType : "json",
        cache: false,
        url: "<?php bloginfo('template_url'); ?>/scripts/php_functions.php",
        data: {idClienteDocumentos: idClienteDocumentos, ajax: "true"},
        success: function(response){
          $.each(response.results, function(i, item) {
           console.log(item.id);
           //You can append data to HTML div
           $("#main_div").append(item.id);
          });
        }
    });