Jquery 基本ajax，尝试将数据发布到本地api文件

我遵循和的指示

我正在尝试将数据发布到本地API文件

下面的代码不适用于我的localhost/api/friends文件，但是如果我将url更改为，它就可以正常工作

我在deverOper工具下检查了网络，它确实发布了数据，但数据没有写入文件，也没有返回我刚刚发布的数据

$(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>');
            });
        }
    });

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

        $.ajax({
            type: 'POST',
            url: 'http://localhost/ajax/api/friends',
            data: friend,
            success: function(newFriend){
                console.log('succuess', newFriend);
            } 
        });

    });

控制台日志打印

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

---

它没有返回我刚刚发布到文件中的数据。

我不知道为什么GET在本地主机上工作，但是如果没有任何东西作为后端运行，那么发布就不应该工作

基本上，JavaScript/JQuery是在浏览器中运行的代码，它可以更改界面，并可以动态更改页面，例如，当您单击按钮时，可以在页面的某些部分添加/删除内容

服务器代码就是向您发送此html/javascript的代码

服务器代码应该是有权限在数据库/文件上写入的东西，以更改它们的值，或者只是获取它们并将它们提供给您

---

使用ajax，您可以使用js从服务器动态获取内容。您向服务器发送请求，服务器运行服务器代码（并根据需要更改db值），并返回javascript代码的一些信息，该代码用于更改网站外观。

您可以将服务器端代码从页面共享到发布数据的位置吗？问题可能就在那里。你说的服务器端代码是什么意思？我是nooby，我没有任何php代码。这几乎是我所有的代码。我是否需要php将数据写入文件？在发布数据的页面中运行的代码是什么？Javascript是在客户机上运行的代码（您的浏览器为您运行），而PHP则在服务器的计算机上运行。此服务器代码实际上是将新朋友添加到数据库（或文件，在您的情况下）中的代码。我想我没有，也许这就是问题所在。。。。。。那个网站和youtube视频中都没有提到它，所以我想我不需要它。Jquery和HTML是这一个的全部，只有两个文件，一个HTML文件和一个api文件。

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