Symfony 3 - 以 XmlHttpRequest() (javascript) 发送 AJAX 请求不会在后端接收请求作为 XmlHttpRequest

Question

我在 Symfony3 中实现了一个 ExceptionListener（也适用于 Symfony2）。 ExceptionListener 识别请求是正常的 HTTP 还是 AJAX (XmlHttpRequest) 并相应地生成响应。使用 jQuery .post() 或 .ajax() 时，ExceptionListener 返回 $request->isXmlHttpRequest() 为 TRUE，但使用 javascript var xhr = new XmlHTTPRequest() 时，ExceptionListener 返回 $request->isXmlHttpRequest() 为 FALSE。我在少量需要通过 AJAX 上传文件的情况下使用后者（使用 .post() 或 .ajax() 无法完成。

我正在寻找解决方案（前端或后端）来解决我的 ExceptionListener 错误地将其作为正常 HTTP 请求。

前端代码：

function saveUser()
{
    var form = document.getElementById('userForm');
    var formData = new FormData(form);
    var xhr = new XMLHttpRequest();

    xhr.open('POST', '{{url('saveUser')}}', true);
    xhr.onreadystatechange = function (node) 
    {  
        if (xhr.readyState === 4) 
        {  
            if (xhr.status === 200) 
            {  
                var data = JSON.parse(xhr.responseText);
                if (typeof(data.error) != 'undefined')
                {
                    $('#processing').modal('hide');
                    $('#errorMsg').html(data.error);
                    $('#pageError').modal('show');

                }
                else
                {
                    $('#successMsg').html('User Successfully Saved');
                    $('#processing').modal('hide');
                    $('#pageSuccess').modal('show');
                    $('#userModal').modal('hide');
                    updateTable();
                }
            } 
            else 
            {  
                console.log("Error", xhr.statusText);  
            }  
        }  
    };
    $('#processing').modal('show');
    xhr.send(formData);

    return false;
}

ExceptionListener.php（部分）

# If AJAX request, do not show error page.
if ($request->isXmlHttpRequest())  # THIS RETURNS FALSE ON JS XmlHTTPRequest()
{
    $response = new Response(json_encode(array('error' => 'An internal server error has occured. Our development team has been notified and will investigate this issue as a matter of priority.')));
}
else
{       
    $response = new Response($templating->render('Exceptions/error500.html.twig', array()));
}

Answer 1

使用 vanilla ajax 时，您需要将以下标头传递给您的 ajax 请求

xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');