-7

可能重复：
提交表单而不重新加载页面

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

谢谢

4

3 回答 3

4

您可以使用 jQuery 执行此操作：http: //jquery.com/

它是一个 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 ......

于 2012-05-12T17:45:46.547 回答
0

我会推荐 JavaScript 而不是尝试使用 iframe 做任何事情。您正在寻找的是 XHRRequest，最简单的解决方案是使用JQuery。我打算写一个简单的例子，但本教程似乎很好地涵盖了这些步骤。

于 2012-05-12T17:48:24.147 回答
0

您可以使用jQuery和jQuery Form Plugin。

jQuery Form Plugin 的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>

有关更多信息，请参阅插件的网站。它支持用于错误处理等的各种回调函数。

于 2012-05-12T17:49:14.667 回答