如何为html邮件表单添加ajax表单处理

Question

我目前已完成创建（修改主题模板）模板的网站，我现在需要做的就是设置联系表单以接收来自客户的邮件

 /* *****************************************************************
 * FORM VALIDATION
 * ************************************************************** */

$("#contactForm").validate({
    rules: {
        fullname: {
            required: true
        },
        email: {
            required: true,
            email: true
        },
        message: {
            required: true
        }
    },
    messages: {
        fullname: {
            required: "Please enter your name"
        },
        email: "Please enter a valid email address",
        message: "Please enter your message"
    },
    submitHandler: function () {
        // Add your ajax form processing here.
    }
});

这是代码形式的config.js文件。如何设置我的邮件（contact@website.com）

Answer 1

$.ajax({type:'POST', url: 'contact.php', data:$('#contactForm').serialize(), success: function(response) { $('#contactForm').find('.form-control').html(response);}});

这是完美的最终语法

Answer 2

试试这个

var data = new FormData($("#contactForm")[0]);
$.ajax({
    url : 'your url ',
    type : 'post',
    data : data,
    mimeType    : 'multipart/form-data'
    contentType: false,
    processData: false,
    success: function(data){

    }

});