Question

我正在关注jquery ajax的教程，当我运行GET请求时，我的值在我的本地主机上未定义。

这是HTML代码

<div> 
<h1>jQuery Ajax</h1>
        <h2>Friends</h2>

        <ul id="friends">

        </ul>

        <h4>Add a Friend</h4>
        <p>name: <input type="text" id="name"></p>
        <p>drink: <input type="text" id="drink"></p>
        <button id="add-order" class="btn btn-primary">Add!</button>
</div> <!--end of container-->

这是我的jQuery代码：

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

$.ajax({
    type: 'GET',
    url: 'http://rest.learncode.academy/api/johnbob/friends',
    success: function(){
        $.each(friends, function(i, friend){
            $friends.append('<li>name: '+friend.name+' , age: '+friend.age+' </li>');


        })

    }
});

以下是我尝试从以下网址请求信息的REST API链接：

http://rest.learncode.academy/

Answer 1

将朋友添加到成功函数回调

success: function(data){
        $.each(data, function(i, friend){
            $friends.append('<li>name: '+friend.name+' , age: '+friend.age+' </li>');
        })

    }

Answer 2

您需要在成功函数回调中使用变量来保存GET调用的结果。

success: function(data){
    $.each(data, function(i, friend){
        $friends.append('<li>name: '+friend.name+' , age: '+friend.age+' </li>');
    })
}

请参阅here

jquery ajax GET请求返回未定义的值

2 个答案: