文字列PHPをJavascript Spacesに渡す

Question

PHPからJavaScriptに文字列を渡そうとしていますが、悲惨に失敗しています。テストから、私のテストを失敗させている空白が見えます。どうすればjavascriptに正しくエンコードするのですか％20を試しましたが、もう少し何も動作しないようです。

完全なソースを

<script async src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script type="text/javascript"> 

function DemoOne(text) { 
$('#PageView').load('test.php?text=' + text); 
} 
</script> 


<?php 
$message="hello"; 

echo " <a href=\"javascript:DemoOne('$message');\" ><input class='btn' type='button' value='Test'></a>  
<div id='PageView'></div>"; 

?> 

テスト出力test.phpを

<?php 
echo $_GET['text']; 
?>  

FOLLOW UP

まだ唯一のスペースを削除すると、この上記の例では、動作するようになりますようで失敗した下のコードを追加します。

a href=\"javascript:DemoOne(".htmlspecialchars(json_encode($message)).");\" ><input type='button' value='Submit'></a> 
<div id='PageView'></div> 

Answer 1

それはスペースとは何の関係も持っていないです。そしてあなたは完全なコードを私たちに与えていない。 HTMLがエコーの中にあると思いますか？もしそうなら、あなたはこれを実行する必要があります。

echo "<a href=\"javascript:DemoOne(".htmlspecialchars(json_encode($message)).");\" ><input type='button' value='Submit'></a> 
<div id='PageView'></div>"; 

すなわちそのJavaScriptにあなたのパスjson_encode任意のデータ。また、<script>タグではなく属性にあるため、HTML用にエスケープする必要があります。

---

また、URLのクエリパラメータをエスケープする必要があります。

私は、エンコーディングの問題を修正するようにコードを修正した：

<script async src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script type="text/javascript"> 

function DemoOne(text) { 
$('#PageView').load('test.php?text=' + encodeURIComponent(text)); 
} 
</script> 


<?php 
$message="hello"; 

echo " <a href=\"javascript:DemoOne(".htmlspecialchars(json_encode($message)).");\" ><input class='btn' type='button' value='Test'></a>  
<div id='PageView'></div>"; 

また、jQueryのエスケープ処理しましょう：

function DemoOne(text) { 
$('#PageView').load('test.php', {text:text}); 
}