php/javascript/HTMLパーサーで空白文字エラー

Question

JavaScriptからデータを取得しようとしています。私は生のXMLHttpRequestを使用しています。 それはうまく動作しますが、のリンクにonclickイベントを含むリンクを返すと、パーサーエラーが発生します。例えば：「

JavaScriptでは

echo "<a href='#' onclick=myfunction('$data')>$data</a><br>";

私は

xhr.onreadystatechange = function(){ 

if(xhr.readyState == 4 && xhr.status == 200){ 
        document.getElementById("some_id").innerHTML=xhr.responseText; 
} 

} 

を持っているが、Googleクロームコンソールは、要素のHTMLでこれを示し

をsome_id：PHPで

私が持っています

<a href="#" onclick="myfunction('John" Doe')>John Doe</a>

'John Doe'の代わりに'John" Doe'があります。 は、私はすなわち（名前間の空白は、このために責任があることを考え出してきていない空白が、結果はどのように私はそれを修正することができ'John Doe'

でしょう？（ジャバスクリプト内の二重引用符は、すなわちクリッククリックを閉じて

Answer 1

TRY）エラーをトリガです：json_encode（）

まあ

echo "<a href='#' onclick=myfunction('".json_encode($data)."')>$data</a><br>"; 

Answer 2

は、のはそれは次のようにレンダリングされるものを見てみましょう：

<a onclick=myfunction('John Doe')> 

属性onclickの値がmyfunction('JohnであるHTMLパーサーには、第2属性Doe')があります。

あなたはあまりにも有効なHTML構文確保する必要があります：実際に

<a onclick="myfunction('John Doe')"> 
     ^     ^

を、あなたは有効なJavaScript構文を確認し、[JavaScriptコードはHTML構文を破壊しないことを確認する必要があります

printf('<a onclick="%s">', htmlspecialchars(sprintf('myfunction(%s)', json_encode($data)))); 

Answer 3

ああ、はい。次にこれは正しいかもしれません

echo "<a href='#' onclick=\"myfunction('".urlencode($data)."')\" >$data</a>