ajax 从 php 导入 json 内容到边缘动画

ajax importing json content from php to edge animate

我正在为一项学校作业在边缘动画中处理这个项目。 我的学校网站空间上有一个数据库,我需要将该数据库中的一些数据导入到我的边缘动画项目中。

我一直在互联网上寻找如何做到这一点,这些图片显示了我目前所拥有的。它仍然有一个 javascript 错误,但我不知道是什么。如果我可以对 javascript 错误进行排序,我可以添加代码对数组做一些事情。

我从数据库中收集数据到 php 数组中,我想将它保存在 javascript 中的数组中,这样我就可以在我想要的不同位置显示该数组中的任何内容到。

那是因为 $.ajax 是一个 jquery 函数,所以你必须导入这个库。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
    function Load()
    {
        console.log('start ajax query...');

        var delivery;

        $.ajax({
            method: "POST",
            url: "test.php",
            data: { foo: "bar" }
        })
        .done(function( data ) {
            delivery=data;
            console.log(data);
            console.log('...all fine');
        });
    }

$( document ).ready(function() {
    console.log( "firing load function..." );
    Load();
});

</script>

PHP 脚本

不要修改 header,只需回显 json_encode() 的 return。

<?php
/**
 * FILE test.php
 */
    echo json_encode(array('foo'=>'bar'));
?>