如何使用往返服务器提交 javascript 变量

Question

我有一个通过 javascript 构建的字符串。就本示例而言：

var cereal = 'my super cereal string';

我在页面上有一个按钮：

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

如何使用往返提交此字符串（我不想使用 ajax）。我在这个应用程序中使用 jquery。

最好的方法是什么？

Answer 1

不确定这是否是最好或最优雅的方式，但您可以拥有一个带有隐藏字段的表单。将字符串设置为隐藏字段，然后提交表单。

Answer 2

您可以为 button 分配一个点击侦听器，该侦听器构建一个一次性的 form，输入包含您的字符串：

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();
});

将form 的action 替换为您想要发布到的任何内容。

查看：http://jsfiddle.net/andrewwhitaker/MNtwY/

Answer 3

这是一个使用GET 请求的选项：

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