Javascript 如何在不重新加载的情况下提交表单？_Javascript_Html_Forms

Javascript 如何在不重新加载的情况下提交表单？

javascript html forms

Javascript 如何在不重新加载的情况下提交表单？,javascript,html,forms,Javascript,Html,Forms,可能重复：嗨，我需要提交一个表单而不需要重新加载，我如何使用javascript或框架来实现这一点谢谢您可以使用jQuery执行此操作：这是一个javascript框架，您可以使用以下方法来完成这类工作： $('#formID').submit(function(){ var ajaxURL = '/ajax/saveAccountSettings.php'; $.ajax({ type: 'POST', url: ajaxURL,

可能重复：

嗨，我需要提交一个表单而不需要重新加载，我如何使用javascript或框架来实现这一点

谢谢

您可以使用jQuery执行此操作：

这是一个javascript框架，您可以使用以下方法来完成这类工作：

$('#formID').submit(function(){

    var ajaxURL = '/ajax/saveAccountSettings.php';

    $.ajax({
        type: 'POST',
        url: ajaxURL,
        data: { 
            username: $('#accountForm #username').val()
        },
        success: function(data){

                        //Do something

        }
    });

    return false;

});

也许值得先读一读如何使用jquery…

我建议使用JavaScript而不是尝试使用iFrame。您需要的是XhreQuest，最简单的解决方案是使用。我打算写一个简单的例子，但似乎涵盖了相当好的步骤。

您可以使用和

jQuery表单插件的ajaxForm函数使您能够劫持HTML中的表单。考虑这个例子：

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
    <script src="http://malsup.github.com/jquery.form.js"></script> 

    <script> 
        // wait for the DOM to be loaded 
        $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 
    </script> 
</head>
<body>
    <form id="myForm" action="comment.php" method="post"> 
    Name: <input type="text" name="name" /> 
    Comment: <textarea name="comment"></textarea> 
    <input type="submit" value="Submit Comment" /> 
</form>
</body>
</html>

查看插件的网站了解更多信息。它支持用于错误处理等的各种回调函数。

1 Ajax。2添加名为frameName的iframe并将target=frameName属性设置为form。您可以使用以下jquery插件：Thank will definetly check out！谢谢但是学习起来难吗？这是一种新的web内容…嘿，不，一旦你掌握了这个概念，它实际上非常简单，jquery是非常史诗般的，可以做的远远不止这些。只要通读一下文档，你就会知道你能用它做什么