如何设置网站联系表单以发送电子邮件

Question

我正在我的网站上工作，但有一个小问题 我希望联系表单将用户发布的信息发送给我作为电子邮件 我做了一些研究，这不能用html或javascript完成，但是可以用php完成 我在线获得了一些php代码片段，并将其放在网站上，但是它不起作用，由于我不了解php，因此我无法对它进行真正的故障排除。我需要一些帮助，我将链接指向该站点的github存储库我不介意有人看一下并提供解决方案，联系方式在store.html页面上，处理邮件请求的php文件称为mail_handler.php。 非常感谢 非常感激 https://github.com/ekanime/trickbeats.git

Answer 1

$('#contactForm').on('submit', submitForm); // step 1: connect submit action to button
function submitForm() {
    // step 2: get data from input fields
    var name = $("#name").val();
    var email = $("#email").val();
    var message = $("#message").val();


    // check if data is present
    console.log(name, email, message);

    // step 3: send data to contact form mailer
    $.ajax({
        method: 'post',
        url: 'http://example.com/api/contact.php', //your API, If you do not have one, no data will sent
        dataType: 'json',
        data: {
            'to_email': 'your.email@example.com',
            'from_fname': fname,
            'from_email': email,
            'message': message
        },
        'success': formSuccess,
        'error': formError
    });
    return false;//inorder not to referesh the page.
}
// step 4: handle response (success or error)
function formSuccess(result) {
    if (result.error) { // there was an error
        alert(result.error);
    } else { // everything went well
        alert(result.response);
        $("#contactForm")[0].reset(); //instead of saying getElementById
        // clear input fields
    }
}
// step 5: handle error
function formError(xhr, status, error) {
    alert("There has been an error. Please retry");
}

检查您的代码，必须将“ lname”更改为“电子邮件”