使用 javascript 提交到带有“action:javascript”的外部表单

Question

我在一个页面 (one.html) 上有一个表单，它有一个 javascript 函数作为其提交操作：

<form id="the_form" action="javascript:myfunc('input_text');" method="post">
    <input type="text" id="input_text" name="input_text">
    <input type="submit">
</form>

我有另一个页面（two.html），带有一个按钮，当我点击该按钮时，我想在 one.html 上提交表单，以及 input_text 的值。这对ajax或任何其他方式是否可行？如果可能的话，我也想重定向到我提交表单的页面，尽管这是可选的。

Answer 1

此代码应为第二种形式：

$(document).ready(function(){
var QueryString = function () {
    // This function is anonymous, is executed immediately and
    // the return value is assigned to QueryString!
    var query_string = {};
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        // If first entry with this name
        if (typeof query_string[pair[0]] === "undefined") {
            query_string[pair[0]] = decodeURIComponent(pair[1]);
            // If second entry with this name
        } else if (typeof query_string[pair[0]] === "string") {
            var arr = [ query_string[pair[0]],decodeURIComponent(pair[1]) ];
            query_string[pair[0]] = arr;
            // If third or later entry with this name
        } else {
            query_string[pair[0]].push(decodeURIComponent(pair[1]));
        }
    }
    return query_string;
}();

if(QueryString.preview){
    console.log(QueryString.preview);
}

});

此示例读取查询并解析。

所以，首先您可以将表单作为 GET 发送，例如 http://asd.com/?param1=a&param2=b 然后在您的另一个页面中使用 QueryString.param1 和 QueryString.param2。

Answer 2

根据这篇文章下的评论，我假设您想将信息从 pageA 发送到返回结果文件的 php 文件：

• download file using an ajax request
• How to download file from server using jQuery AJAX and Spring MVC 3
• Downloading file though AJAX POST

  ---

根据您问题下的 cmets，我假设您想使用 javascript 从 pageA 发布到新页面 (pageB)。

快速回答：不可能（以用户友好的方式）。
更有用的回答：
它需要更多的工作，但根据给出的信息，这可能有效：

• 通过 GET 或 POST 从 pageA 提交表单到 pageB
• 创建隐藏字段 (<input type="hidden"/>) 并使用相应的 GET 或 POST 值填充这些字段。使用 PHP 这样的服务器端语言可能会更容易，但在 JS 中并非不可能
• 设置隐藏输入并将其命名为<input type="hidden" id="linkedSubmit" value="1" />
• 创建一些javascript看是否$('#linkedSubmit').val()==1，如果是则继续在pageB提交表单

这不是最漂亮的解决方案，并且在连接速度较慢的情况下，用户会看到页面跳转。而且因为它是 javascript 它是客户端，因此用户可以手动将值更改为 1 并欺骗您的页面。这不应成为安全问题。