Question

有一个联系表单（http://docs.spring.io/spring/docs/4.0.x/spring-framework-reference/htmlsingle/#scheduling）。使用XAMPP在本地计算机上进行测试时，它可以正常工作。在mailoutput中收到我的消息。

真正的托管AJAX不起作用。在电子邮件中收到消息，但表单未重置。

$(function() {

// Get the form.
var form = $('#contactForm');

// Get the messages div.
var formMessages = $('#form-messages');

// Set up an event listener for the contact form.
$(form).submit(function(e) {
    // Stop the browser from submitting the form.
    e.preventDefault();

    // Serialize the form data.
    var formData = $(form).serialize();

    // Submit the form using AJAX.
    $.ajax({
        type: 'POST',
        url: $(form).attr('action'),
        data: formData
    })
    .done(function(response) {
        // Make sure that the formMessages div has the 'success' class.
        $(formMessages).removeClass('error');
        $(formMessages).addClass('success');

        // Set the message text.
        $(formMessages).text(response);

        $('#button').text('SENT');
        $('#button').prop('disabled', true);

        // Clear the form.
        $('#name').val('');
        $('#email').val('');
        $('#message').val('');
    })
    .fail(function(data) {
        // Make sure that the formMessages div has the 'error' class.
        $(formMessages).removeClass('success');
        $(formMessages).addClass('error');

        // Set the message text.
        if (data.responseText !== '') {
            //$(formMessages).text(data.responseText);
        } else {
            $(formMessages).text('Whoops!');
        }
    });

});

为什么会发生这种情况，我该如何解决？

P.S。

按下按钮时如何修复此状态？颜色超出范围。 JSFiddle

联系表格不适用于托管。

0 个答案: