サーバーへのラウンドトリップを使用してjavascript変数を送信するには

Question

JavaScriptを使用してビルドしている文字列があります。この例の目的のために：

var cereal = 'my super cereal string'; 

私は、ページ上のボタンを持っている：

<button id="save" type="submit" name="submit">Save</button> 

は、どのように私は（私はAJAXを使用したくない）、ラウンドトリップを使用して、この文字列を提出します。私はこのアプリケーションでjqueryを使用しています。

これを達成する最も良い方法は何ですか？

Answer 1

はあなたの文字列を含む入力して使い捨てformを構築buttonにクリックリスナを割り当てることができます：formのactionあなたがに投稿したいものは何でもとの交換

var cereal = 'my super cereal string'; 
$("button#save").click(function() { 
    var form = "<form id='hidden-form' style='display:none' method='POST' action='/echo/json'><input name='cereal' value='" + cereal + "' /></form>"; 

    $("body").append(form); 
    $("form#hidden-form").submit(); 
}); 

。

それをチェックアウト：http://jsfiddle.net/andrewwhitaker/MNtwY/ここ

Answer 2

これが最善の方法であるか最も優雅な方法であるかはわかりませんが、非表示のフィールドがあるフォームを使用することもできます。文字列を非表示のフィールドに設定し、フォームを送信します。

Answer 3

オプションがGET要求を使用しています：好奇心のうち

var cereal = 'captain crunch'; 
$('#save').click(function() { 
    window.location.href = "http://www.google.com/search?q=" + cereal; 
});