javascript - 将带有 HTML 字符串的数组返回到 jquery $.post 方法

Question

我正在使用 jquery $.post 方法调用 php 脚本

$.post('{$site_url}tests/tests/content', params, function (data)
{
  $('#some-div1').html(data[1]);
  $('#some-div2').html(data[2]);
}

在 php 脚本中，我返回以下数组:

$return_html = array();
$return_html['key1'] = '<tr><td colspan="20" class="center">record 1</td></tr><tr><td colspan="20" class="center">record 2</td></tr>';

$return_html['key2'] = '<tr><td colspan="20" class="center">category 1</td></tr><tr><td colspan="20" class="center">category 2</td></tr>';

echo json_encode($return_html);
exit;

返回 json 字符串无法在我的页面上正确显示 html。如何将其解析回 html 页面上的有效 html

Answer 1

您必须在 JavaScript 中解析 JSON 数组才能获取其中包含的值。我建议尝试一下:

$.post('{$site_url}tests/tests/content', params, function (data)
{
    var parsedData = JSON.parse(data);
    console.log(parsedData);
}

这会将数据对象放入控制台，以便您查看它是如何组成的。您应该能够使用 parsedData.key1 和 parsedData.key2 访问返回的数据。

干杯!