如何在JS中使用ajax请求的结果？

Question

我有一个返回2行的查询。 这是我的PHP代码：

$arr = array();

$stmt = $dbh_conn->prepare("SELECT id,name FROM mytable WHERE id <= 2");
$stmt->execute();
$result = $stmt->fetchAll();
/*Array
  (
      [0] => Array
          (
              [id] => 1
              [name] => pear
          )

      [1] => Array
          (
              [id] => 2
              [name] => watermelon
          )

  ) */

$arr["output"] = $result;

header('Content-Type: application/json');   
echo json_encode($arr);
exit(); 

这是我的JS代码：

success: function(arr) {
    $(".myclass").html(arr.output.0.name);
}

它抛出这个：

参数列表后面的Uncaught SyntaxError：missing）

当我删除.0.name ，它抛出这个：

未捕获的TypeError：无法在'Node'上执行'appendChild'：参数1不是'Node'类型。

无论如何，当选择多行时，如何显示ajax请求的结果？

我想要的是一个结果的HTML表，如下所示：

<tr>
    <td>1</td>
    <td>pear</td>
</tr>
<tr>
    <td>2</td>
    <td>watermelon</td>
</tr>

然后将其推入$('.myclass')元素。

Answer 1

使用JSON.parse将字符串（ data ）解析回数组。

success: function(data) {
    var arr = JSON.parse(data);
    $(".myclass").text(arr.output[0].name);
}

并使用数组的下标。 如果你想设置.myclass中提到的.myclass的文本，请使用.text而不是.html 。

Answer 2

如果您的数据以json的形式返回，则需要访问对象数组，进行更改

$(".myclass").html(arr.output.0.name);

至

$(".myclass").text(arr.output[0].name);