javascript - 在没有ajax的情况下将一个表单提交到两个不同的URL

Question

如果没有 ajax(跨域问题)，我如何将一个表单提交到两个不同的位置

我在想下面这样的事情。只有我将如何传递参数？

   < form action="urlOne.com/something" method="post" onsubmit="postToUrl("urlTwo.com/something");">
        <input type="text" value="hello" name="hi"/>
        <input type="submit" value="submit">
    </form>

函数取自此处 >> JavaScript post request like a form submit

function postToUrl(url, params)

        {
            var form = $('<form>');
            form.attr('action', url);
            form.attr('method', 'POST');

            var addParam = function(paramName, paramValue){
                var input = $('<input type="hidden">');
                input.attr({ 'id':     paramName,
                             'name':   paramName,
                             'value':  paramValue });
                form.append(input);
            };

            // Params is an Array.
            if(params instanceof Array){
                for(var i=0; i<params.length; i++){
                    addParam(i, params[i]);
                }
            }

            // Params is an Associative array or Object.
            if(params instanceof Object){
                for(var key in params){
                    addParam(key, params[key]);
                }
            }

            // Submit the form, then remove it from the page
            form.appendTo(document.body);
            form.submit();
            form.remove();
        }

谢谢。

Answer 1

您一次只能在一个窗口中发布一个表单。如果您尝试发布两个表单，一个帖子将阻止另一个。

解决方案是将两个表单发布到不同的窗口。您可以将第一个表单的目标设置为发布到页面中的 iframe 或新窗口:

form.attr('target', '_blank');

这样两个帖子将在不同的窗口中加载，并且不会互相阻止。