无法从jQuery验证方法触发AJAX调用

我无法用下面的代码发送AJAX表单提交请求。此外，我在控制台上收到“资源被解释为文档，但使用MIME类型的application/json传输”消息。我阅读并尝试了许多针对堆栈溢出的类似问题的修复，但没有一个对我有效。在请求头中，MIME也被设置为“内容类型：application/x-www-form-urlencoded”

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; 
    }

submitHandler:函数（元素）{
var ajaxform=$（元素），
url=ajaxform.attr（'action'），
type=ajaxform.attr（'method'），
数据={}；
$（ajaxform）.find（'[name=“submit”]'）.html（'Sending…'）；
ajaxform.find（“[name]”）。每个（函数（索引、值）{
变量字段=$（此），
name=field.attr（'name'），
value=field.val（）；
数据[名称]=值；
});
$.ajax({
url:url，
键入：“post”，
数据：数据，
成功：功能（响应）{
如果（response.type==“success”）{
$（“#contactForm”）。在（“+response.text+”）之前；
$（ajaxform）.each（函数（）{
这是reset（）；
$（this.find（'[name=“submit”]'））.html（'Send'）；
}).find（'.valid'）.each（函数（）{
$（this.remove（'label.valid'）；
})
}else if（response.type==“error”）{
$（“#contactForm”）。在（“+response.text+”）之前；
$（ajaxform）.find（'[name=“submit”]'）.html（'Send'）；
}
}
});
返回false；
}

您是否碰巧提出了跨域请求？@Todd No，这是我正在处理的网站，并且面临着这个问题www.shreemotors.co.in/one-page.htmlw如果您尝试序列化数据而不是创建数组，会怎么样？例如：data.serialize（）@sm1215不，没用。我在请求头中看到“Content-Type:application/x-www-form-urlencoded”，这会引起一些麻烦吗？