jQueryの負荷は（）ファイルから更新された結果を得ることはありません

Question

を私が最初の答えを見てきたが、何も、それは...

HTMLファイルであるので、ここで、この周りに明確な頭を持っていない（？！）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form id="new-task"> 
    <input id="task-field" type="text" name="task"> 
    <button type="submit">change value</button> 
</form> 
<div id="output"></div> 

JSファイル：

$(document).ready(function(){ 

    $("#new-task").submit(function(event){ 

     event.preventDefault(); 

     var inputValue = $("#task-field").val(); 


     $.ajax({ 

      url: "ajaxRequest.php", 
      data: "task="+inputValue 


     }); 

    }); 

    $("#output").load("ajaxRequest.php"); 

}); 

PHPファイル：

私は何かが書かれ、フォームを通じて提出されるたびに、 "出力" divで$ _GET値をPHPから出力したいだけです。代わりに、最初にページが読み込まれたときに「get not set」を出力し、値を送信してもそのように維持されます。ブラウザのネットワークタブにリクエストが送信され、「タスク」get変数が作成された（スクリーンショット - https://gyazo.com/2c45024df4338b0481da4494ba89e49e）というメッセージが出力されていることが示されます。私は何が欠けていますか？私は何か間違ったことを理解していたに違いない...

Answer 1

コードは、送信機能の外にあるので、ページが準備完了のときに一度だけ読み込まれるようです。他のajax呼び出しは送信されますが、コードが最初のページの読み込み時間以外にデータを再読み込みしないように見えます。

てみてください、あなたが微調整する必要がありますので、テストされていない

$.ajax({ 
    url: "ajaxRequest.php", 
    data: "task="+inputValue 
}).done(function(returnData){ 
    $("#output").html(returnData); 
}); 

のようにデータをロードするための.done（）コールバックを追加します。