Question

我在html页面上有一个表单，在某些情况下由javascript提交。问题是浏览器窗口将其位置更改为为此表单指定的操作URL。有没有办法阻止它以这种方式工作？

Answer 1

使用javascript库通过Ajax（xhr）提交表单或提交到iframe

Full Jquery示例：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $('#yourForm').submit(captureSubmit)
    })

    function captureSubmit(event) {
        var frm = $(event.originalTarget);
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function(results) {
                // do stuff
                alert(results);
            },
            error: function(result) {
                // handle the error
                alert(result.status + ' ' + result.statusText);
            }
        });  
        return false;
    }
</script>

<form id="yourForm" action="foo.html" method="POST">
    Name: <input type="text" name="name">
    <button type="submit">Submit</button>
</form>

[编辑]使示例更加完整。

Answer 2

使用Ajax发布

Answer 3

你可以：

使用AJAX提交
提交至iframe

以编程方式提交表单时防止重定向

3 个答案: