php - スペースを含むjQueryでGetを送信します

Question

jQueryを使用した単語数に問題があります。スペースをクリックするとすぐにメソッドが機能し、停止します。

HTML：

<textarea id="essay_content_area" name="essay_content" onkeydown="words();"></textarea>
<td>Number of words: <div id="othman"></div></td>

jQuery：

function words(content)
{
    var f = $("#essay_content_area").val()
    $('#othman').load('wordcount.php?content='+f);
}

PHPファイル：

if(isset($_GET['content']))
{
        echo $_GET['content']; // if it works I will send this variable to a function to calculate the words 
}

スペースをクリックするまで、スクリプトはコンテンツを表示します。助言がありますか？

score 4 · Accepted Answer

値をパラメータの値としてPHPスクリプトに送信する前に、値をurlエンコードする必要がありGETます。このことを考慮：

function words(content)
{
    var f = $("#essay_content_area").val()
    $('#othman').load('wordcount.php?content=' + encodeURIComponent(f));
}

score 1 · Accepted Answer

次のように、JSを使用できる単語をカウントするためにphpは必要ありません。

function words(content)
{
   // Get number of words.
   var words = content.split(" ").length;
}

score 0 · Accepted Answer

変数を送信する前に、変数をURLエンコードする必要があります（スペースは有効なURL文字ではありません）。

function words(content)
{
    var f = encodeURIComponent($("#essay_content_area").val());
    $('#othman').load('wordcount.php?content='+f);
}

3 に答える 3