Question

我正在遵循http://rest.learncode.academy/的指示。

以下代码不能与我的localhost / api / friends文件一起使用，但如果我将网址更改为http://rest.learncode.academy/api/learncode/friends，则效果非常好。

我在deverloper工具下检查了网络，它确实获取了文件并在控制台中打印了console.log。但是，它们不是数组的形式，所以当我尝试追加它们时，我得到了未定义的

id: undefined, name: undefined, age: undefined


$(function(){

    var $friends = $('#friends');

    $.ajax({    
        type: 'GET',
        url: 'http://localhost/ajax/api/friends',
        success: function(friends){
            console.log('succuess', friends);
            $.each(friends, function(i, friend){
                $friends.append('<li>id: ' + friend.id + ', name: ' + friend.name +', age: ' + friend.age + '</li>');
            });
        }
    });

这是我的api / friends文件的样子

[{"id":1,"name":"Will","age":33},{"id":2,"name":"Laura","age":27}]

控制台日志打印

succuess [{"id":1,"name":"Will","age":33},{"id":2,"name":"Laura","age":27}]

我做错了什么？

Answer 1

感谢Jared Farrish和John S，我通过添加dataType修复了问题：＆＃39; json＆＃39;在$ .ajax（）调用中。

基本ajax，试图读取本地api文件

1 个答案: