如何使用 Restful 存储防止 Ext JS 在 DELETE 请求中包含实体主体？

Question

当 Ext JS 从 Restful 存储发出 DELETE 请求时，它包含一个实体主体。虽然这个似乎并没有被禁止 根据 HTTP 规范，Google App Engine 不接受此类请求。所以我想知道是否有一种方法可以防止静态存储在 DELETE 请求中包含冗余实体主体。

详细信息：

使用此示例作为参考： http://www.sencha.com/deploy/dev/examples/ restful/restful.html

存储是这样定义的：

var store = new Ext.data.Store({
    id: 'user',
    restful: true,     // <-- This Store is RESTful
    proxy: proxy,
    reader: reader,
    writer: writer
});

按下“删除”按钮后，这是 Ext JS 发送的请求：

DELETE http://www.sencha.com/deploy/dev/examples/restful/app.php/users/6 HTTP/1.1
Host: www.sencha.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pt-BR; rv:1.9.2.4) Gecko/20100611 Firefox/3.6.4 (.NET CLR 3.5.30729)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: pt-br,pt;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 115
Connection: keep-alive
Content-Type: application/json; charset=UTF-8
X-Requested-With: XMLHttpRequest
Referer: http://www.sencha.com/deploy/dev/examples/restful/restful.html
Content-Length: 10
Cookie: bb_sessionhash=8d75f5e42d576fb695a02bf1d24c9ff1; etc...

{"data":6}

当这种格式的请求（带有“数据”内容）提交到Google App Engine，它回复：

400 Bad Request

Answer 1

正如您所猜测的，您可以通过重写 HttpProxy 类中的方法来解决此问题。首先，添加以下代码：

// Special HttpProxy that sends no body on DELETE requests
Ext.data.GAEHttpProxy = Ext.extend(Ext.data.HttpProxy, {
doRequest: function(action, rs, params, reader, cb, scope, arg) {
    if(this.api[action]['method'].toLowerCase() == "delete") {
        delete params.jsonData;
    }

    Ext.data.GAEHttpProxy.superclass.doRequest.call(this, action, rs, params, reader, cb, scope, arg);
}
});

然后，在其余代码中使用这个新类（“GAEHttpProxy”）而不是 HttpProxy（例如，当您创建在上面所示的商店中使用的代理时）。这对我有用，我希望它对你有用！

Answer 2

虽然这个问题是 7 年前提出的，而且我们现在有了 sencha 6，但问题还没有解决 OOTB。所以这是我的工作解决方案：

Ext.define('My.Proxy', {
    extend: 'Ext.data.proxy.Rest',
    writer: {
        type: 'json',
        writeAllFields: true, // may be false, as you wish
        transform: {
            fn: function(data, request) {
                return request.config.action === 'destroy' ? null : data;
            },
            scope: this
        }
    }
});

我们也可以执行此检查： request.config.method === 'DELETE' 但由于某种原因它总是返回 false。所以我建议继续使用 action === 'destroy'