通过JSON返回HTML不起作用

Question

我在PHP中创建了一个包含大量HTML的表。一旦创建，我赞同它作为一个JSON字符串是这样的：

echo json_encode($array['table']); 

然后我用jQuery.parseJSON(returnString);并尝试将其附加到一个div。这只适用于我返回一个字符串。当我发送HTML时它不起作用（在这种情况下根本没有返回）。

谁能告诉我发生了什么问题吗？在发送给jQuery之前，我需要使用一些函数来解析\/" '符号吗？

编辑：

我$arr['table']看起来是这样的：

$arr['table'] = "<tr class=\"{$id}\">lalalal</tr>" 

我的JSON是这样的：

\n\t\t\t\t\t</div>\n\t\t\t\t\tfcds\n\t\t\t\t\t</center>\ 

Answer 1

你不应该通过JSON发送HTML数据，而只是“数据”，然后使用JavaScript来创建新的HTML元素，并修改这些新的DOM元素。

一个jQuery的例子：

var json_doc = $.getJSON('http://yourservice.com/yo/'); 
var tr = $(document.createElement('tr')); 
tr.attr('id', json_doc.responseText.id); 
tr.html(json_doc.responseText.html); 
$('table').append(tr); 

你从你的反应会http://yourservice.com/yo/是：

{id: 1, html: "lalalal"} 

Answer 2

我认为你只是需要将其发送到之前转义特殊字符JQ。我通常使用这个库http://phpjs.org/functions/htmlspecialchars:426来编码特殊字符...

Answer 3

我发现了一个错误，如果我可以把它这样。在我将\"{$id}\"更改为'{$id}'之后，它就可以工作了。

Answer 4

说明

由于@tkone指出：你不应该通过JSON被发送HTML数据，这不是它的目的。
这是可以做到的，但不应做

要么你输出所有的HTML，并做服务器页面上的所有的处理，并返回它作为HTML
像这样

PHP （server_page.php）

//Connect 
$link = mysql_connect($server, $user, $password); 
//Select 
mysql_select_db($db, $link); 
//Query 
$result = mysql_query($query); 

$data = $_GET['some_data']; 

//Loop 
echo "<table id='$data'>"; 
while($row = mysql_fetch_array($result)){ 
    echo "<tr>"; 
    foreach($row as $key => $value){ 
     echo "<td>$value</td>"; 
    } 
    echo "</tr>"; 
} 
echo "</table>"; 

//Cleanup 
mysql_free_result($result); 
mysql_close($link); 

的Javascript

var data = {"some_data": "Foobar"}; 
$.get("server_page.php", data, function(response){ 
    $("#output").html(response); 
}); 

或者，你输出为JSON的信息，数据，然后可以在Javascript
处理像这样

PHP（server_page。PHP）

//Connect 
$link = mysql_connect($server, $user, $password); 
//Select 
mysql_select_db($db, $link); 
//Query 
$result = mysql_query($query); 
$num_result = mysql_num_rows($result);  

$data = array(
    "mysql_data" => array(), 
    "num_result" = $num_result 
); 

//Loop 
while($row = mysql_fetch_array($result)){ 
     $data['mysql_data'][] = $row; 
} 

echo json_encode($data); 
//Cleanup 
mysql_free_result($result); 
mysql_close($link); 

的Javascript

$.getJSON("server_page.php", function(data){ 
    alert("Number of rows returned from query: "+data.num_result); 
}); 

但你不应该混合两种不同的方法。你必须决定你在哪里处理所有的逻辑，并在那里传递你需要的所有数据。

---

解决方案

正如你指出的那样，

"<tr class=\"{$id}\">lalalal</tr>" 

是不正确的JSON。

应该

"<tr class='{$id}'>lalalal</tr>" 

所有JSON具有共享相同的报价符号，即如果使用​​或' "" '。

我建议你在服务器端做所有的逻辑。您可以随时通过POST或GET发送您的Javascript中的一些数据。这两种方式你知道。