GETアクションをシミュレートしてリロードせずに同じページに渡す方法は？

Question

私は、サーバーからデータを取得するサイト（名前、オートコンプリートスクリプトを使用）を作成し、それをすべて収集してから、サブミットして、サーバーに収集されたデータを送信してJSON文字列を取得しますページの使用量がさらに減少します。

しかし、上記サーバーには最後の部分がなく、シミュレーションする必要があります。しかし、私はどのように考えていない。

HTML、JS、jQueryおよびを使用しない else。

だから

構造があるとして、という質問には、どのように私は

終わるためにfooとbarを提出する時に値を持つことになります

<form action="Search" method="get"> 
<input type="hidden" name="foo"/> 
<input type="hidden" name="bar"/> 
<input id="submitButton" type="submit" value="Search"/> 
</form> 

を得るのですかfoo、bar、ランダムデータを含むJSONオブジェクトとして、私が作成したばかりの.jsの

.jsを押して、ページを再読み込みせずに。 （すなわち、プレゼンテーションを押すだけでスクリプトにキックが行われ、それにフォームデータが与えられますが、それ以外は何もありません）

編集：サーバーは動作するときにGETにJSONで応答します。

$("form").submit(function (event) { 
    event.preventDefault(); 

    // NOTE: the following would work when the server is ready 
    //$.getJSON("http://whatever.com/endpoint.php", $(this).serialize(), function(data) { 
    // console.log(data); 
    //}); 

    var fakeData = { 
    whatever: "data", 
    you: "need", 
    foo: "value", 
    bar: "value" 
    }; 
    console.log(fakeData); 

}); 

あなたが（にconsole.logを見て開い放火犯を持っていることを確認してください）：

Answer 1

入れ：

$(function(){ 
    var handleNewData = function(data){ 
     alert('I got:\nfoo:'+data.foo+'\nbar:'+data.bar+'\nresults:'+data.results); 
    }; 
    var reallySubmit = false; 
    $('form').submit(function(evt){ 
     if (reallySubmit){ 
      $.get(this.action,$(this).serialize(),handleNewData,'json'); 
     }else{ 
      // Put whatever spoof data you want here. 
      var returnedData = { 
       foo:this.elements.foo.value, 
       bar:this.elements.bar.value, 
       results:["jim", "jam", "jamboree"] 
      }; 
      handleNewData(returnedData); 
      return evt.preventDefault(); 
     } 
    }); 
}); 

ここで働くの例を参照してください：http://jsfiddle.net/sQtkY/4/

編集：申し訳ありませんが、私はjQueryのは、適切に解析することを忘れてしまいましたパラメータを渡すとJSONの文字列が表示されます。これを表示する答えを更新しました。あなたのスプーフィング値はstringifyにする必要はありません。

編集2：もう一度更新して、フォームの値となりすましのデータを含める方法を示します。

Answer 2

この

$("form").submit(function(event){ 
event.preventDefault(); 
$.post("http://whatever.com/post.php",$(this).serialize(), function(data){ 
alert(data); 
}); 
}); 

Answer 3

はこれを試してみてください試してみてください。 JSの配列は/オブジェクトを使用すると、returnedDataに戻ってサーバから期待し何でも