将删除请求与 json 对象匹配

Question

当对象值使用 AJAX 删除功能以表单显示时，我试图从 json 文件中删除该对象。我正在使用 express 为 json 文件生成路由，如下所示：

app.get('/users', (req, res) => {
    var userData = json;
    
    res.send(userData);
        
        }), 
        
app.delete('/users/delete/:id', (req, res) => {
    var key = req.params.id;
    var deletedData = json;
    
    deletedData.splice(key, 1);
    res.send(deletedData);

});

      $(document).on('click', '#delete', function () {
             $.ajax({
                    type: "DELETE"
                    , url: "users/delete/"+data[key]  
                    , datatype: "datatype"
                    , success: function (data) {
                        console.log(data);
       
                        }   
                });
            });

我知道我没有声明数据[key]，这只是我想做的事情的上下文。我的问题是尝试选择特定的 json 对象，而不仅仅是选择第一个对象，我现在拥有“users/delete/0”，有人知道该怎么做吗？

编辑

我正在尝试获取特定于在我的 html 表单中显示的对象的“用户/删除/：id”

                <div class="col-md-5 col-sm-12">
                    <div id="full_details">
                        <ul class="details">
                            <h2>Contact Details</h2> <img src="" alt="Avatar" id="avatar">
                            
                            
                            <li>Name
                                <input type="text" id="name" class="form-control mr-sm-2" disabled>
                            </li>
                            <li>Address
                                <input type="text" id="address" class="form-control mr-sm-2" disabled>
                            </li>
                            <li>Contact Number
                                <input type="text" id="phone" class="form-control mr-sm-2" disabled>
                            </li>
                            <li>Email
                                <input type="text" id="email" class="form-control mr-sm-2" disabled>
                            </li>
                            <li>Postcode
                                <input type="text" id="postcode" class="form-control mr-sm-2" disabled>
                            </li>
                            <li>City
                                <input type="text" id="city" class="form-control mr-sm-2"disabled>
                            </li>
                            <li>Country
                                <input type="text" id="country" class="form-control mr-sm-2" disabled>
                            </li>
                            <div class="row">
                                <div class="col-md-6">
                                    <div id="editbutton">
                                        <p class="btn btn-primary">Edit Details</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div id="savebutton">
                                        <p class="btn btn-danger">Save Details</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div id="delete">
                                        <p class="btn btn-danger">delete</p>
                                    </div>
                                </div>
                            </div>
                        </ul>
                    </div>
                </div>

Answer 1

当您将数据填充到字段中时，我假设您将拥有该记录的id。

将其存储在变量中/或者您可以直接从获取的对象中获取它 (object.id)

暂时我会把它存储在一个变量中。

假设下面是您提取并显示的对象数据：

var obj = {
   id:1,
   name: "Test",
   address:"Test Address"   
}
var objId = obj.id; //I'll use this id in AJAX request.

然后调用AJAX请求。

 $.ajax({
             type: "DELETE"
            , url: "users/delete/"+objId  
            , datatype: "datatype"
            , success: function (data) {
                 console.log(data);

                }   
                });

节点 Js：

app.delete('/users/delete/:id', (req, res) => {
       let deleteId = req.params.id; //Get the id through req.params.id of the object you are going to delete
       let deleteObj = userJson.find(user => user.id == deleteId); // As you have only Id of the object, we want to get the entire object from the array. find() will fetch the object from the array whose id is equal to deleteId and assign it to deleteObj.
       let deleteIndex = userJson.indexOf(deleteObj); //Find the index of the object fetched from the JSON array.
       userJson.splice(deleteIndex,1); // Splice/ remove the object from the JSON Array.
      res.send(deleteObj); // Send the deleted object as response.
});

Answer 2

需要在您要执行操作的位置提供 JSON 数据。如果您尚未在 sn-p 之外执行此操作，则需要将您的 JSON 放入您的 Express 删除路由所在的文件中。

在您当前的 delete 路由中，.splice 方法仅适用于字符串和数组（除非您在 Object.prototype 上定义该方法）。

这是一个delete 路由的示例，如果您的 JSON 数据是一个对象：

let userJSON = require('./users.json');

app.delete('/users/delete/:id', (req, res) => {
    let key = req.params.id;
    if( delete userJSON.key ){
        res.send(`User ${key} deleted`);
    }
}

如果对象的键被成功删除，if 语句中的 delete 运算符返回 true。在某些情况下您无法使用此运算符，请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/delete 以检查它是否与您要执行的操作兼容。

编辑 1：被误解的问题，所以这里是正确的 delete 方法

let userJSON = require('./users.json');

app.delete('/users/delete/:id', (req, res) => {
    let key = req.params.id;
    for( let i=0; i<userJSON.length; i++){
        if( userJSON[i].id === key ){
            userJSON.splice(i,1);
        }
    }
});