샘플 REST API에서 로컬 호스트로 게시하는 데 문제가 있습니다.

Question

친구 추가 버튼을 클릭 할 때마다 내 REST 데이터가 내 로컬 호스트에 게시되지 않습니다. 내가 잘못 설정 한 것 같아. 그러나 내가 어디로 잘못 갔는지 확실하지 않습니다.

<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> age: <input type="text" id="age"></p> 
     <button id="add-friend">Add!</button> 

여기에 JS 코드입니다 : 여기 http://rest.learncode.academy/

는 HTML 코드입니다 : 여기

은 편안하고 API에 대한 링크의

$(function(){ 
var $friends = $('#friends'); 
var $name = $('#name'); 
var $age = $('#age'); 

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


     }) 

    }, 
    error: function(){ 
     alert('error loading errors'); 
    } 
}); 

$('#add-friend').on('click', function(){ 
    var friend = { 
     name: $name.val(), 
     age: $age.val(), 
    }; 

    $.ajax({ 
     type: 'POST', 
     url: 'http://rest.learncode.academy/api/johnbob/friends' , 
     data: {name: 'Billy Bob', age: 27}, 
     success: function(data){ 
      $friend.append('<li>name: '+ data.name +', age: '+ data.age + '</li>'); 

     } 
    }); 


}); 

이});

Answer 1

AJAX를 통해 다른 서버에 게시 할 수 없습니다. 즉, 코드가 실행되는 동일한 도메인에 대한 요청 만 허용됩니다.