Question

每次我点击添加好友按钮时，我的REST数据都不会在我的本地主机上发布。我想我把设置搞错了。但不知道我哪里出错了。

以下是RESTful API的链接： http://rest.learncode.academy/

这是HTML代码：

<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代码：

$(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发布到其他服务器。这意味着只允许对运行代码的同一域进行请求。

难以从示例REST API发布到我的本地主机

1 个答案: