帶有jQuery的Ajax，提交處理程序

Question

我仍然需要你的幫助。 今天，我想用jQuery在Ajax中開發一個小功能。

我找到了一個簡單的教程，可以滿足我的願望。 作者使用Jquery Validate插件，我不需要。

不使用此插件，我不知道如何翻譯代碼。 我嘗試了數十種組合（我不是很有天賦！）。

這是原始代碼...

<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()出.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);
        });
    });
});

...將事件處理程序綁定到表單的Submit事件 。 然后e.preventDefault阻止正常提交表單（不帶ajax）。

Answer 2

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

這是使用jQuery的AJAX的基本前提-您應該可以輕松地將其包含在代碼中:)

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/