Javascript 使用json上载会导致缺少模板错误

我想，这会导致我在提交表单后出现模板缺失错误

在我的coffeescript js文件中，我有dropzone的设置：

Dropzone.autoDiscover = false

dropzone = new Dropzone('#item-form',
  maxFiles: 1
  maxFilesize: 1
  paramName: 'item[image]'
  headers: "X-CSRF-Token" : $('meta[name="csrf-token"]').attr('content')
  addRemoveLinks: true
  clickable: '#image-preview'
  previewsContainer: '#image-preview'
  thumbnailWidth: 200
  thumbnailHeight: 200
  parallelUploads: 100;
  autoProcessQueue: false
  uploadMultiple: false)

$('#item-submit').click (e) ->
  e.preventDefault()
  e.stopPropagation()
  if dropzone.getQueuedFiles().length > 0
    dropzone.processQueue()
  else
    $('#item-form').submit()
  return
return

dropzone.on 'success', (file, responseText) ->
  window.location.href = '/items/' + responseText.id
  return

如果我有控制器操作，我希望它执行以下操作：

def create
    @item = current_user.items.build(item_params)

    respond_to do |format|
      if @item.save
        format.html { redirect_to @item }
        format.json { render :show, status: :created, location: @item }
      else
        format.html { render :new }
        format.json { render json: @item.errors, status: :unprocessable_entity }
      end
    end
  end

比我的表格：

= form_for @item, validate: true, html: {id: 'item-form', class: 'form', multipart: true} do |f|
 = f.text_field :name, class: 'form-control'

    %main#image-preview
     Add a Photo
     .fallback
      = f.file_field :image, multiple: false

= f.submit 'Done', id: 'item-submit'

所以现在这个设置允许我在没有任何图像的情况下提交表单，但是当它有图像时，我提交表单。它将在缺少模板错误中显示此错误：

Started POST "/items" for 127.0.0.1 at 2015-10-14 03:35:29 -0700
Processing by ItemsController#create as JSON
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"lZu8pjXdBY6wso5l1/B1lwgYDMkVmtRjCaPNBeK3uWy0mQItbv0bDaEZfujeEa2jt//S3qJ0f0fiWkIGC7uNFg==", "item"=>{"name"=>"dsdsds"es", "image"=>#<ActionDispatch::Http::UploadedFile:0x007f4779ccd748 @tempfile=#<Tempfile:/tmp/RackMultipart20151014-2664-16b2m09.jpg>, @original_filename="testimg.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"item[image]\"; filename=\"testimg.jpg\"\r\nContent-Type: image/jpeg\r\n">}, "null"=>"", "commit"=>"Done"}
  User Load (0.5ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1  ORDER BY "users"."id" ASC LIMIT 1  [["id", 2]] 

   (46.1ms)  COMMIT
  Item Store (158.4ms)  {"id":29}
Completed 406 Not Acceptable in 2115ms (Searchkick: 158.4ms | ActiveRecord: 47.7ms)

ActionView::MissingTemplate - Missing template items/show, application/show with {:locale=>[:en], :formats=>[:json], :variants=>[], :handlers=>[:erb, :builder, :raw, :ruby, :coffee, :arb, :haml, :jbuilder]}. Searched in:
...............

---

所以我猜我必须制作一个json文件？但我不知道这意味着什么，也不知道你使用的设置。有人能帮我吗？

如果您看到错误：

ActionView:：MissingTemplate-缺少模板项/继续，应用程序/继续使用{：locale=>[：en]，：formats=>[：json]，：variants=>[]，：handlers=>[：erb，：builder，：raw，：ruby，：coffee，：arb，：haml，：jbuilder]}

突出显示的部分是赠品。请求的模板应该处理JSON，但该操作没有JSON模板的模板，并且您没有以任何其他方式呈现

这可能是因为你有

 if @item.save
   redirect_to post_continue_item_path(@item)
 else
   render :new 
   render json: @item.errors, status: :unprocessable_entity**
 end

render：在呈现json之前新建。没有新模板，您错误地尝试渲染两次。丢失渲染：新行

编辑

有两个问题。首先，在create action@item.save中失败，导致render:new行。因为在本例中，我假设您确实想要返回呈现的JSON，而不是标准的用户表单，所以应该删除render:new行。这是多余的

其次，您需要通过查看development.log了解@item没有正确保存的原因。如果您将其更新为@item.save！仅出于调试目的，这可能会为您提供一些附加信息，用于跟踪故障

编辑2

---

根据您更新的问题，您的@item现在正在保存。您正在请求show partial，尽管它似乎没有正确定义，或者没有适当的items/show.json.erb或其他适当的json partial。您需要浏览drop zone的文档以了解需要什么

，因此我必须创建一个新的.js.erb或create.js.erb文件来处理这个问题？那么continue.js.erb呢？通过json呈现页面完全没有问题，我只是想让它正常工作。删除render:new行并找出@item无法保存的原因。看我编辑的回答我完全修改了我的问题。感谢您目前的帮助。我的编辑确认您需要生成一个JSON响应来删除区域。看来已经解决了你原来的要求。我认为您的新问题是关于如何创建drop zone JSON，文档应该会帮助您。并发送不同于您的原始问题。如果考虑查看文档，然后启动一个新的帖子，可能会出现一些幸存的问题。我的编辑确认，您需要生成一个JSON对删除区的响应。看来已经解决了你原来的要求。我认为您的新问题是关于如何创建drop zone JSON，文档应该会帮助您。并发送不同于您的原始问题。如果考虑审查文件，然后开始一个新的职位与生存的问题，可能会到达。