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

Question

我正在为学校作业进行边缘动画制作。 我的学校网站空间有一个数据库，我需要将该数据库中的一些数据导入我的边缘动画项目。

我一直在互联网上看这个怎么做，这些照片显示了我到目前为止的情况。它仍然有一个javascript错误，但我无法弄清楚是什么。如果我可以将javascript错误排序，我可以添加代码对数组做一些事情。

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

Answer 1

那是因为$ .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脚本

不要修改标题，只需回显json_encode（）的返回。

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