Ajax 调用失败； xhr.responseXML 未定义

Question

我正在尝试进行简单的 ajax 调用：

当用户选择和选项时，有关该选项的一些信息将是 回显到 div 中（这是动态的）

这是我的 ajax 调用代码

ajax.js

$(document).ready(function()
{ 
//Add Event 
    //Currently Broadcasting @Zone 
    $('#beacon0').on('change', function () 
    {
        var Selected = $(this).find("option:selected");
        var SelectedText   = Selected.text();
        var SelectedEncoded = encodeURIComponent(SelectedText);

        $.ajax
        ({
        url:        'ajax-addevent.php',
        data:       'n_beacon='+ SelectedEncoded,
        dataType:   'JSON',
        success: function(returnClass)
            {
                var resultajax = jQuery.parseJSON(returnClass)
                console.log(resultajax);
            },
        error: function(xhr, status, error) 
            {
                var errors = JSON.parse(xhr.responseText);
                console.log("failed");
                console.log (errors);
            }
        });
    });

});

所以 ajax 调用应该在 URL 中给出区域的名称，所以我可以在我的 php 脚本中 $_GET 参数。这是我运行的 php，只是为了测试 ajax 调用。

ajax-addevent.php

<?php
include("classes/event.class.php");

$event = new Event();
$GetZoneName = $_GET['n_beacon'];
$ZoneName = urldecode($GetZoneName);
$arrayDetails = $event->getBeaconEvent($ZoneName);
while($row = mysqli_fetch_array($arrayDetails))
{
        $EventTitle = $row["n_title"];
        $EventLink = $row["n_link"];
        $EventDate = $row["n_date"];
}
        $arr = array( "EventTitle" => $EventTitle,
                           "EventLink" => $EventLink, 
                           "EventDate" => $EventDate );

        header("content-type:application/json");

        $json_arr = json_encode($arr);

        return $json_arr;
?>

我的问题是 ajax 调用失败并给了我这个结果：

我的 ajax 调用有什么问题？你能帮忙吗？

编辑更新代码：

Answer 1

当返回的数据类型为 JSON 时，您尝试获取 XML 响应 - xhr.responseXML 将始终未定义，除非响应是有效的 XML。

尝试改用 xhr.responseText。您可以使用 JSON.parse(xhr.responseText) 从中获取 javascript 对象。

另一个好方法是使用当前浏览器的开发工具直接检查网络响应（在 Firefox 或 Chrome 中按 F12，然后打开“网络”选项卡）。