无法从jQuery validate方法触发AJAX调用

Question

我无法使用以下代码发送表单提交的AJAX请求。此外，我将资源解释为文档，但使用MIME类型application / json＆＃39;我的控制台上的消息。我阅读并尝试了许多关于堆栈溢出的类似问题的修复，但没有一个对我有用。同样在请求标题中，MIME设置为＆＃39;内容类型：application / x-www-form-urlencoded＆＃39;。

submitHandler: function(element) {
        var ajaxform = $(element),
            url = ajaxform.attr('action'),
            type = ajaxform.attr('method'),
            data = {};

        $(ajaxform).find('[name="submit"]').html('<i class="fa fa-circle-o-notch fa-spin fa-fw"></i> Sending...');


        ajaxform.find('[name]').each(function(index, value) {
            var field = $(this),
                name = field.attr('name'),
                value = field.val();

            data[name] = value;

        });

        $.ajax({
            url: url,
            type: 'post',
            data: data,
            success: function(response) {
                if (response.type == 'success') {
                    $("#contactForm").before("<div class='alert alert-success' role='alert'><a href='#' class='close' data-dismiss='alert'>&times;</a>" + response.text + "</div>");
                    $(ajaxform).each(function() {
                        this.reset();
                        $(this).find('[name="submit"]').html('<i class="fa fa-paper-plane fa-fw"></i> Send');
                    }).find('.valid').each(function() {
                        $(this).remove('label.valid');
                    })
                } else if (response.type == 'error') {
                    $("#contactForm").before("<div class='alert alert-danger' role='alert'><a href='#' class='close' data-dismiss='alert'>&times;</a>" + response.text + "</div>");
                    $(ajaxform).find('[name="submit"]').html('<i class="fa fa-paper-plane fa-fw"></i> Send');
                }
            }
        });

       return false; 
    }