制表器Ajax示例：在一台计算机上而不是其他计算机上加载PHP错误

如何解决制表器Ajax示例：在一台计算机上而不是其他计算机上加载PHP错误

我正在尝试使示例“使用AJAX加载数据”源代码正常工作。我复制并粘贴了在这里找到的代码：

http://tabulator.info/docs/4.8/data#ajax

我安装了xampp 3.2.4

它可以在另一台相同的Windows 10 64位计算机上运行，但是在此当前计算机上出现以下错误：

tabulator.min.js：6 Ajax加载错误-无效的JSON返回语法错误：JSON中位置0处的意外令牌

我完全不知道为什么会这样。

下面附有代码：

index.html

<html>
    <header>
        <link href="https://unpkg.com/tabulator-tables@4.8.4/dist/css/tabulator.min.css" rel="stylesheet">
        <script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.8.4/dist/js/tabulator.min.js"></script>
    </header>

    <body>
        <div>
            <button id="ajax-trigger">Load Data via AJAX</button>
        </div>
        
        <div id="example-table"></div>
    </body>

    <script>
        //Build Tabulator
        var table = new Tabulator("#example-table",{
            height:"311px",layout:"fitColumns",placeholder:"No Data Set",columns:[
                {title:"Name",field:"name",sorter:"string",width:200},{title:"Progress",field:"progress",sorter:"number",formatter:"progress"},{title:"Gender",field:"gender",sorter:"string"},{title:"rating",field:"rating",formatter:"star",hozAlign:"center",width:100},{title:"Favourite Color",field:"col",{title:"Date Of Birth",field:"dob",sorter:"date",hozAlign:"center"},{title:"Driver",field:"car",formatter:"tickCross",sorter:"boolean"},],});
        
        //trigger AJAX load on "Load Data via AJAX" button click
        document.getElementById("ajax-trigger").addEventListener("click",function(){
            table.setData("load.PHP");
        });
        
    </script>
</html>

load.PHP

<?PHP

//build data array
$data = [
    [id=>1,name=>"Billy Bob",progress=>"12",gender=>"male",height=>1,col=>"red",dob=>"",driver=>1],[id=>2,name=>"Mary May",progress=>"1",gender=>"female",height=>2,col=>"blue",dob=>"14/05/1982",driver=>true],[id=>3,name=>"Christine Lobowski",progress=>"42",height=>0,col=>"green",dob=>"22/05/1982",driver=>"true"],[id=>4,name=>"Brendon Philips",progress=>"125",col=>"orange",dob=>"01/08/1980"],[id=>5,name=>"Margret Marmajuke",progress=>"16",height=>5,col=>"yellow",dob=>"31/01/1999"],];

//return JSON formatted data
echo(json_encode($data));
?>

我已经两次卸载并重新安装了xampp。我不知道该怎么办请让我知道是否需要更多信息。

制表器Ajax示例：在一台计算机上而不是其他计算机上加载PHP错误

如何解决制表器Ajax示例：在一台计算机上而不是其他计算机上加载PHP错误

相关推荐