jQuery / Ajax联系人表单的控制台错误

Question

I've the following error when trying to set up a contact form using Ajax:

send
v.extend.ajax
(anonymous function)
v.event.dispatch
o.handle.u

Link to live site

jQuery

( function($) {

    $(document).ready(function() {

        $("#get-contact-form").submit(function() {

            var str = $(this).serialize();

            $.ajax({
                type: "POST",
                url: "http://ppplasmaltd.co.uk/templates/plasma/html/com_contact/contact/contact-form-process.php",
                data: str,
                success: function(msg) {

                    $(document).ajaxComplete(function(event, request, settings) {

                    if (msg === 'OK') {
                        result = '<div class="thanks" id="thanks">Thank you, we will reply <span>shortly.</span></div>';

                    else
                    {
                        result = msg;
                    }

                    });
                }
            });
        return false;
        });
    });
} ) ( jQuery );

Any help on how to resolve this would be great....

I'm fairly new to jQuery/Ajax.

Answer 1

There's no need to place ajaxComplete inside your success callback of $.ajax() . You also have a missing closing brace ( } ).

Try the following:

(function($) {
    $(document).ready(function() {
        $("#get-contact-form").submit(function() {
            var str = $(this).serialize();

            $.ajax({
                type: "POST",
                url: "http://ppplasmaltd.co.uk/templates/plasma/html/com_contact/contact/contact-form-process.php",
                data: str,
                success: function(msg) {

                    if (msg === 'OK')
                    {
                        result = '<div class="thanks" id="thanks">Thank you, we will reply <span>shortly.</span></div>';
                    }
                    else
                    {
                        result = msg;
                    }
                }
            });
        return false;
        });
    });
}) (jQuery);