javascript - ajax从php导入json内容到edge animate

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 脚本

不要修改header，简单的回显json_encode()的返回。

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