Question

我仍然需要你的帮助。今天，我想用jQuery在Ajax中开发一个小功能。

我找到了一个简单的教程，它满足了我的愿望。作者使用Jquery Validate Plugin，我不需要。

我不知道如何在不使用此插件的情况下翻译代码。我尝试了几十种组合（我不是很有天赋！）。

这是原始代码......

<script type="text/javascript">
$(document).ready(function(){
    $("#myform").validate({
        debug: false,
        rules: {
        ///
        },
        messages: {
        ///
        },
        submitHandler: function(form) { // How to repace this?
            $.post('process.php', $("#myform").serialize(), function(data) {
                $('#results').html(data);
            });
        }
    });
});
</script>

感谢您的帮助。：）

此致

文森特

Answer 1

结帐.submit()：

$(document).ready(function(){
    $("#myform").submit(function(e) {
        e.preventDefault();

        // This part stays the same
        $.post('process.php', $("#myform").serialize(), function(data) {
            $('#results').html(data);
        });
    });
});

...将事件处理程序绑定到表单的提交事件。 e.preventDefault然后阻止正常提交表单（没有ajax）。

Answer 2

var data = $("#myForm").serialize();
$.ajax
                            ({
                            type: "POST",
                            url: "mail.php",
                            data: data,
                            cache: false,
                            success: function()
                                {
                                    alert("Thank you");
                                }
                            });

这是AJAX与jQuery的基本前提 - 您应该能够轻松地在代码中使用它：）

Answer 3

那么，

如何将数据发送到服务器并等待答案呢？

$.ajax({
   url: '/your_script_url',
   data: ({data_1 : "data_1", data_n : "data_n"}),
   success: function(data) { do something; } } );

我希望这会对你有所帮助。

Answer 4

请始终在此处浏览以获取更多信息

http://api.jquery.com/jQuery.ajax/

使用jQuery的Ajax，提交处理程序

4 个答案: