主干模型。销毁不起作用，但ajax删除调用起作用

Question

我目前对骨干的破坏方法有一个问题。

这是我的模型：

var FavoritePlace = Backbone.Model.extend({
    urlRoot: function() {
        return 'http://localhost:3000/api/1.0/users/' + this.userId + '/places';
    },
    initialize: function(userId) {
        this.userId = userId;
    }
});

这是在我的视图中试图删除的函数：

var placeToRemove = userFavoritePlaces.get(place);
    placeToRemove = new FavoritePlace({id : place.attributes.placeid});
    placeToRemove.userId = user.attributes.id;
    placeToRemove.destroy({
        success: function() {
            self.isFavorite(null);
        }
    });
    userFavoritePlaces.remove(placeToRemove);

我使用id属性创建了一个新的FavoritePlace，否则我的模型被认为是新的，它甚至不会进行调用。

我的webapp运行在localhost:63342

当我查看Chrome Developer tools中的“网络”选项卡时，我可以看到该调用被发送到以下URL：

请求URL:http://localhost:3000/api/1.0/users/8/places/2

router.delete('/users/:user_id/places/:place_id', function(req, res, next) {
    dataQuery.userDeletePlaceFromFavorite(req, function(err, result) {
        if (err) {
            req.stats.error = err;
            res.status(err.httpCode).json({error: err.error});
        }
        else {
            res.json(result);
        }

        next();
    })
});

我在《邮递员》中尝试了相同的url，但没有任何问题。你知道为什么它不起作用吗？它是否与任何CORS标题或类似内容相关？

谢啦

//编辑网络选项卡中调用的详细信息

curl 'http://localhost:3000/api/1.0/users/8/places/2?apikey=2yIsVhfg' -X OPTIONS -H 'Access-Control-Request-Method: DELETE' -H 'Origin: http://localhost:63342' -H 'Referer: http://localhost:63342/cmweb/index.html' -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.107 Safari/537.36' -H 'Access-Control-Request-Headers: accept' --compressed

邮差打来的电话的细节

    Access-Control-Allow-Headers → X-Requested-With, origin, content-type, accept
Access-Control-Allow-Method → GET, POST, DELETE
Access-Control-Allow-Origin → *
Connection → keep-alive
Content-Length → 21
Content-Type → application/json; charset=utf-8
Date → Fri, 24 Jul 2015 17:35:31 GMT
Vary → Accept-Encoding
X-Powered-By → Express

Answer 1

我遇到了另一个帖子： jQuery.ajax发送选项和帖子，如何处理电子xpress.js（Node.js），它实际上解决了我的问题。

我的API没有正确响应浏览器发出的http选项调用，因此删除调用从未到达我的后端。与Postman的不同之处在于，在将DELETE发送到API之前不会进行此选项调用。现在，我的后端用正确的头响应options方法，DELETE调用的工作方式与postman中的完全相同。

这是我添加的代码示例：

if (req.method === 'OPTIONS') {
        console.log('!OPTIONS');
        var headers = {};
        // IE8 does not allow domains to be specified, just the *
        // headers["Access-Control-Allow-Origin"] = req.headers.origin;
        headers["Access-Control-Allow-Origin"] = "*";
        headers["Access-Control-Allow-Methods"] = "POST, GET, PUT, DELETE, OPTIONS";
        headers["Access-Control-Allow-Credentials"] = false;
        headers["Access-Control-Max-Age"] = '86400'; // 24 hours
        headers["Access-Control-Allow-Headers"] = "X-Requested-With, X-HTTP-Method-Override, Content-Type, Accept";
        res.writeHead(200, headers);
        res.end();
}