Question

我有一个Backbone.js模型，当用户点击模型视图中的链接时，我试图销毁该模型。视图是这样的（伪代码，因为它在CoffeeScript中实现，可以在问题的底部找到）。

var window.ListingSaveView = Backbone.View.extend({
  events: {
    'click a.delete': 'onDestroy'
  },

  onDestroy: function(event){
    event.preventDefault();
    this.model.destroy({
      success: function(model, response){
        console.log "Success";
      },
      error: function(model, response){
        console.log "Error";
      }
    });
  }
});

当我单击浏览器中的delete链接时，即使我的服务器成功销毁了关联的数据库记录并返回200响应，我总是会将Error记录到控制台。当我刷新页面（导致集合从数据库重新渲染）时，我删除的模型将消失。

有趣的是，当我在错误回调中记录response时，它的状态代码200表示成功，但它也会报告statusText: "parseerror"无论这意味着什么。我的服务器日志中没有错误。

我做错了什么？

这是来自服务器的响应：

  Object
    abort: function ( statusText ) {
    always: function () {
    complete: function () {
    done: function () {
    error: function () {
    fail: function () {
    getAllResponseHeaders: function () {
    getResponseHeader: function ( key ) {
    isRejected: function () {
    isResolved: function () {
    overrideMimeType: function ( type ) {
    pipe: function ( fnDone, fnFail ) {
    promise: function ( obj ) {
    readyState: 4
    responseText: " "
    setRequestHeader: function ( name, value ) {
    status: 200
    statusCode: function ( map ) {
    statusText: "parsererror"
    success: function () {
    then: function ( doneCallbacks, failCallbacks ) {
    __proto__: Object

这是破坏与Ruby on Rails交互的服务器操作

  # DELETE /team/listing_saves/1.json
  def destroy
    @save = current_user.team.listing_saves.find(params[:id])
    @save.destroy
    respond_to do |format|
      format.json { head :ok }
    end
  end

以下是Backbone View的实际CoffeeScript实现，适用于喜欢它的人：

class MoveOutOrg.Views.ListingSaveView extends Backbone.View
  tagName: 'li'
  className: 'listing_save'
  template: JST['backbone/templates/listing_save']
  events:
    'click a.delete_saved': 'onDestroy'

  initialize: ->
    @model.bind 'change', this.render
  render: =>
    renderedContent = @template(@model.toJSON())
    $(@el).html(renderedContent)
    this
  onDestroy: (event) ->
    event.preventDefault() # stop the hash being added to the URL
    console.log "Listing Destroyed"
    @model.destroy
      success: (model, response)->
        console.log "Success"
        console.log model
        console.log response

      error: (model, response) ->
        console.log "Error"
        console.log model # this is the ListingSave model
        console.log response

Answer 1

@David Tuite评论：

“好吧我明白了。看来Backbone希望JSON响应是被破坏的记录的JSON序列化。但是，Rails控制器生成器只返回head：默认是ok。我将我的JSON响应更改为渲染json：@listing_save其中@listing_save是我刚刚销毁的记录，它注册成功。“

仅供参考 - 当你进行破坏时，你不需要为被破坏的模型返回完整的json。你可以返回一个空的json哈希，它会工作得很好。唯一需要返回模型的json的是保存/更新。

Answer 2

我有同样的问题。在我的服务器上的删除方法（java）中，我没有返回任何内容。只是状态200 / OK（或204 /无内容）。所以“parsererror”问题是由于jquery尝试将空响应转换为JSON而导致失败的（因为“json”是默认数据类型）。

我的解决方案是使用“text”dataType，可以在选项中设置：

model.destroy({ dataType: "text", success: function(model, response) {
  console.log("success");
}});

Answer 3

您的回复必须包含状态代码204，因为您不会返回任何内容。由于骨干网使用REST接口，因此您应根据任务返回不同的http状态代码。

Answer 4

您确定自己的网址吗？你是否在Backbone.Model网址的末尾追加.json？由于您在服务器端进行了检查（respond_to do | format | ... end），您可能无法发送正确的head :ok响应

尝试使用此destroy rails方法来测试这是否是问题：

def destroy
  @save = current_user.team.listing_saves.find(params[:id])
  @save.destroy
  head :ok
end

Answer 5

在LAMP服务器上使用Slim Framework，您可以添加Response Status到DELETE路由（或不返回任何内容的自定义路由）

$app->response()->status(204);//204 No Content

这也将Content-Type设置回text / html以允许空体

backbone model.destroy（）调用错误回调函数，即使它工作正常？

5 个答案: