redirect - ページ リダイレクトで動的な値を渡す

Question

ユーザーがデータを入力できるさまざまなフィールドを持つ GUI があります。ボタンがあります。GUIでユーザーが入力した値を渡したいのですが、ボタンをクリックすると、それらの値を使用できる別のページに渡したいと思います。

注:フォームなし、onSubmit なし、フォーム アクションなし。ボタンを使用した別のページへのページ リダイレクトにすぎません。

Answer 1

いくつかのマークアップに基づく:

<div id="x">Some data</div>
<div id="y">Some more data</div>

必要なデータを取得する jQuery スクリプト:

$("my button/link/whatever").click(function(e) {
    e.preventDefault();
    var data = {
        x: $("#x").text(),
        y: $("#y").text()
    };
    var req = $.ajax({
        url: "the page to send data to",
        type: "post",
        data: data
    });
    req.done(function(response) {
        // Do something here once the request is complete
    });
});

または、2 番目のフォームを使用します。