Ajax导致错误：在表单提交上启动POST“/ [object％20Object]”(Ajax causing error: Started POST “/[object%20Object]” on form submit)

 我正在使用Rails创建一个能够提交联系信息和创建联系对象的页面。 联系人创建的控制器是： 
 
def create
 @contact = Contact.new(contact_params)
 if @contact.save
  render json: @contact, status: :created
 else
  render json: @contact.errors.full_messages, status: :unprocessable_entity
 end
end
 
 与contact_params： 
 
def contact_params
  params.require(:contact).permit(:name, :email, :phone, :company, :message)
end
 
 如果我处理重定向的所有内容，表单提交并创建对象，但我想用JS处理创建。 我之前在表单提交时使用过这种方法没有问题，但出于某种原因我运行时： 
 
$(document).ready(function(){
  $('#new_contact').on('submit', function(ev){
    ev.preventDefault()
    $.post({
      url: $(ev.target).attr('action'),
      data: new FormData(ev.target),
      processData: false,
      contentType: false,
      success: function(data){
        $('#new_contact').append('<div class="col-xs-12 col-sm-6 col-sm-  offset-3"><h3>Thanks for contacting me,' + data.name + '. I will get back to you as soon as I can.</h3></div>')
        document.getElementById('new_contact').reset()
        $('#new_contact input[type="submit"]').prop('disabled', false)
      },
      error: function(error){
        $('#new_contact').append('<div class="col-xs-12 col-sm-6 col-sm-offset-3"><h3>Sorry, I need at least a name and valid e-mail.</h3></div>')
        $('#new_contact input[type="submit"]').prop('disabled', false)
      }
    })
  })
})
 
 它命中了post请求，我的服务器返回错误： 
 
 ActionController :: RoutingError（没有路由匹配[POST]“/ [object％20Object]”）： 
 
 我之前从未遇到过此错误，我不确定如何修复它。 任何帮助表示赞赏。 

I'm using Rails to create a page with the ability to submit contact information and create a contact object. The controller for the Contact creation is:
 
def create
 @contact = Contact.new(contact_params)
 if @contact.save
  render json: @contact, status: :created
 else
  render json: @contact.errors.full_messages, status: :unprocessable_entity
 end
end
 
with contact_params of: 
 
def contact_params
  params.require(:contact).permit(:name, :email, :phone, :company, :message)
end
 
The form submits and creates objects fine if I handle everything a redirect but I want to handle the creation with JS. I've used this method before on form submission with no problems but for some reason when I run: 
 
$(document).ready(function(){
  $('#new_contact').on('submit', function(ev){
    ev.preventDefault()
    $.post({
      url: $(ev.target).attr('action'),
      data: new FormData(ev.target),
      processData: false,
      contentType: false,
      success: function(data){
        $('#new_contact').append('<div class="col-xs-12 col-sm-6 col-sm-  offset-3"><h3>Thanks for contacting me,' + data.name + '. I will get back to you as soon as I can.</h3></div>')
        document.getElementById('new_contact').reset()
        $('#new_contact input[type="submit"]').prop('disabled', false)
      },
      error: function(error){
        $('#new_contact').append('<div class="col-xs-12 col-sm-6 col-sm-offset-3"><h3>Sorry, I need at least a name and valid e-mail.</h3></div>')
        $('#new_contact input[type="submit"]').prop('disabled', false)
      }
    })
  })
})
 
It hits the post request and my server returns with the error:
 
ActionController::RoutingError (No route matches [POST] "/[object%20Object]"):
 
I've never encountered this error before and I'm not sure how to go about fixing it. Any help is appreciated.

原文：https://stackoverflow.com/questions/39334455