Question

我有这样的代码：

<form action="xxx.php" method="post">
    <input type="hidden" name="ab" value="ab" />
    <input type="submit" value="submit" />
</form>

现在当我点击提交按钮时，浏览器会被重定向到xxx.php。是否有任何方法可以停止重定向并让脚本工作？

Answer 1

你应该使用ajax！ http://www.simonerodriguez.com/ajax-form-submit-example/ 看看吧！

Answer 2

您可以停止提交表单

<form action="xxx.php" onclick="doSomething(); return false;" method="post">
    <input type="hidden" name="ab" value="ab" />
    <input type="submit" value="submit" />
</form>

现在，当Javascript函数“doSomething（）”返回true时，表单将首先提交。但是你使用jQuery或者Prototype等Javsscript lib的方式。其他人在这里说的是一些有用的插件来做到这一点。

Answer 3

使用ajax实现您的表单。有一些不错的jquery插件可以将现有表单转换为ajax表单。只需记住向用户提供一些表明其表单正在处理中的信息。

Answer 4

例如。使用jQuery。

在你的ajax页面中。

$(document).ready(function(){
    $('form').submit(function(){
        return postForm($(this));
    });
});

在您的主页。

function postForm(obj){
    method = obj.attr('method');
    action = obj.attr('action');
    $.ajax({
        type: method,
        url: action,
        data: obj.serialize(),
        dataType: 'text',
        error: function(xhr, ajaxOptions, thrownError) {
            // On error...
        },
        success: function(request) {
            // On success...
        }
    })
    return false;
}

单击“提交”按钮时不要重定向

4 个答案: