javascript - 主干 model.destroy 不起作用，但 ajax delete 调用可以

Question

我目前对 backbone 的销毁方法有疑问。

这是我的模型:

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 开发人员工具中的网络选项卡时，我可以看到调用已发送到此 URL:

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

我在 postman 中尝试了相同的 url，它确实可以正常工作。知道为什么通过 Backbone 它不起作用吗？它会与任何 CORS header 或类似的东西相关吗？

谢谢

//已编辑来自网络选项卡的调用详细信息

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

postman 来电详情

    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 sending both OPTIONS and POST, how to handle with Express.js (Node.js)它实际上解决了我的问题。

我的 API 没有正确响应浏览器发出的 http 选项调用，因此 DELETE 调用从未到达我的后端。与 Postman 的不同之处在于，在将 DELETE 发送到 API 之前不会进行此选项调用。现在我的后端使用正确的 header 响应选项方法，并且 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();
}