javascript - Ajax 错误: SyntaxError: Unexpected token < error

Question

因此，我在论坛中搜索了类似的问题，不幸的是，我很不幸地找到了适合我的问题的答案。我正在尝试使用以下代码在 jquery 中进行 ajax 调用；

function submitForm(formData)
    {
    $.ajax({
        type: 'POST',
        url: 'addEvents.php',
        data: formData,
        dataType:'json',
        cache:false,
        timeout:7000,

        success: function(data){
            $('#addEventsForm #response').removeClass().addClass((data.error === true) ? 'error' : 'success').html(data.msg).fadeIn('fast');

            if($('#addEventsForm #response').hasClass('success')){
                setTimeout("$('#addEventsForm')",5000);
            }

        },

        error:function(XHR,textStatus,errorThrown)
        {
            $('#addEventsForm #response').removeClass().addClass('error').html('<p> There was an <strong>' + errorThrown +
                '</strong> error due to <strong>'+ textStatus +'</strong> condition.</p>').fadeIn('fast');
            console.log(arguments);
        //alert(XMLHttpRequest.responseText);
        },

        complete:function(XHR,status)
        {
            $('#addEventsForm')[0].reset();
        }
    });
}

但是我遇到了系统错误。我尝试这样做来看看我在 chrome 中遇到了什么错误

console.log(arguments);

但是 [Object, "parsererror", SyntaxError] 节点中的 responseText 似乎显示了包含我要插入的表单的页面的整个 html记录一下。

我还在 ajax 中涉足，所以我还不是完全理解错误消息及其含义的专家。

Answer 1

上面的 js/jQuery 代码是否位于 addEvents.php 页面上——也就是说，位于您将 AJAX 发布到的同一页面上？ (换句话说，form/ajax 和 AJAX 目标都在同一个物理 PHP 页面上吗？)

如果是这样，您将得到您所描述的内容:页面的整个 HTML 都会向您返回。

根据设计，AJAX 必须发布到服务器上的不同物理页面。这就是它的工作原理。

另外，FWIW，请注意 dataType: 'json', 指的是返回的数据，而不是发送的数据。也许您已经知道这一点，但这是一个常见的误解，因此值得一提。

编辑:

正如 Felix 指出的那样，这个答案在技术上并不完美。可以将 AJAX 代码发布到同一页面，但您必须特别允许这样做。也许 FK 或其他人可以编辑这篇文章以添加附加代码的示例？