Question

我准备了一个用Jquery和PHP支持的HTML表单。表单在PHp中给出了正确的输出，但是在提交表单时，它没有显示成功消息＆amp;没有让田地变空。代码如下：

.toEqual

使用的AJAX库是：https://code.jquery.com/jquery-2.1.1.min.js“type =”text / javascript HTML代码是：

   function sendContact() {
        event.preventDefault();

        var valid;
        valid = validateContact();
        if (valid) {
            jQuery.ajax({
                // input submisssion though Ajax
                url: "xxxx.php",
                data: 'userName=' + $("#userName").val() + '&userEmail=' + $("#userEmail").val() + '&subject=' + $("#subject").val() + '&content=' + $(content).val(),
                type: "POST",
                success: function (data) {
                    // Thankyou message on sucessful submission.
                    $("#mail-status").html(data);
                    $('#mail-status').show();

                    // Clear the form.
                    $('#userName').val('');
                    $('#userEmail').val('');
                    $('#content').val('');
                },
                error: function () {
                }
            });
        }
    }

    //error checking
    function validateContact() {
        var valid = true;
        $(".InputBox").css('background-color', '');
        $(".info").html('');

        if (!$("#userName").val()) {
            $("#userName-info").html("(required)");
            $("#userName").css('background-color', '#FFFFDF');
            valid = false;
        }
        if (!$("#userEmail").val()) {
            $("#userEmail-info").html("(required)");
            $("#userEmail").css('background-color', '#FFFFDF');
            valid = false;
        }
        if (!$("#userEmail").val().match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/)) {
            $("#userEmail-info").html("(invalid)");
            $("#userEmail").css('background-color', '#FFFFDF');
            valid = false;
        }
        if (!$("#content").val()) {
            $("#content-info").html("(required)");
            $("#content").css('background-color', '#FFFFDF');
            valid = false;
        }

        return valid;
    }

我没有检查过任何网站＆amp;谷歌搜索正确的代码，但找不到？你能找一个正确的吗？

Answer 1

您的错误

XMLHttpRequest无法加载xxxx.php。 No＆＃39; Access-Control-Allow-Origin＆＃39; 标头出现在请求的资源上。

在您的配置文件中说您没有任何信息说明如何处理CORS（交叉起源）请求，因此您必须在您的平台上启用CORS ...请参阅此处：http://enable-cors.org/server.html并选择您的平台（的Tomcat ...阿帕奇...）

此处还要检查CORS的浏览器支持：http://enable-cors.org/client.html

在ajax表单提交后没有出现成功消息

1 个答案: