JSONを介してHTMLを返すことができません

Question

PHPでたくさんのHTMLを含むテーブルを作成しました。一度作成した、私はこのようなJSON文字列としてそれをエコー：

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

私はその後、jQuery.parseJSON(returnString);を使用して、DIVにそれを追加してみてください。これは、文字列を返す場合にのみ機能します。 HTMLを送信すると動作しません（この場合、何も返されません）。

誰かが間違っていることを教えていただけますか？ \/" 'シンボルをjQueryに送信する前に解析するためにいくつかの関数を使用する必要がありますか？

EDIT：

マイ$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要素を作成し、要素。

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}'に変更した後、それは機能しました。 @tkoneが指摘したように

Answer 4

説明

：あなたはJSON経由でHTMLデータを送信すべきではない、それはその目的ではありません。
それを行うことができますが、はは、すべてのHTMLあなたは出力のどちらか

を行うべきではありませんし、サーバーのページにすべての処理を行い、この

PHPのようにHTML
としてそれを返します（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); 
}); 

この

PHP（server_page同様のJavascript
で処理することができ

あるいは、データと、JSONの情報として、それをあなたが出力されます。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のデータを送信できます。それはあなたが知っている両方の方法になります。