Question

我在Rails上使用Ajax收到错误的请求错误400。当我提交我的表单时，我有一个字符串作为参数从Jquery发送，我想从params [：assignee]检索它，所以我可以提取字符串并通过我的控制器保存。我的控制器：

    def create
    @task = Task.new(task_params)
    @task.user = current_user
    username = params.permit[:assignee]
    @task.assignee = username

    #set_category
    respond_to do |format|
      if @task.save
        format.html { redirect_to tasks_url, notice: 'Task was successfully created. '+task_params.inspect}

        #format.html { redirect_to @task, notice: 'Task was successfully created.' }
        format.json { render :show, status: :created, location: @task }
      else
        format.html { render :new }
        format.json { render json: @task.errors, status: :unprocessable_entity }
      end
    end
  end

def task_params
  params.require(:task).permit(:owner, :value, :completed, :category, :date, :assignee)

end

这是我的JS：

 $( "#new_task" ).submit(function() {
    alert("form: "+assignee);
  //event.preventDefault();
 $.ajax({
   url: "/tasks",
   type: "POST",
   data: {assignee},
   dataType: "json",
   success: function(data) {
       alert('successfully');
     },
    error: function(xhr, textStatus, error) {
     alert(xhr.statusText+""+textStatus+""+error);
  }
   });
});

受理人是在jquery自动填写表单中选择的用户名：

select: function(event, ui) {
    var terms = split(this.value);
    // remove the current input
    terms.pop();
    // add the selected item
    terms.push(ui.item.value);
    // add placeholder to get the comma-and-space at the end
    terms.push("");
    this.value = terms.join("");
    assignee=this.value;
    $('input[name=commit]').prop("disabled",false);

    return false;
}

我的根是＆＃34;任务/＆＃34;您可以在其中查看已保存的任务和创建新任务的表单。我在网上搜索了很多，我试了一下。我能怎么做？非常感谢

Answer 1

400 Bad Request - 服务器无法或不会处理到期请求显而易见的客户端错误（例如，格式错误的请求语法，太大了大小，无效请求消息框架或欺骗性请求路由）。

wiki

将ajax代码更改为：

$.ajax({
   url: "/tasks",
   type: "POST",
   dataType: "json",
   headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), // Optional
      'Content-Type': 'application/json'
   },
   data: JSON.stringify({ assignee: assignee }),
   success: function(data) {
       alert('successfully');
   },
   error: function(xhr, textStatus, error) {
     alert(xhr.statusText+""+textStatus+""+error);
   }
});

{assignee}这是一个无效的JSON对象，它应该是{assignee: assignee} 您还应添加有效标头，'Content-Type'和（X-CSRF-TOKEN可选）

Answer 2

解决！

    $( "#new_task" ).submit(function(event) {
    alert("form: "+assignee);
    var value = $('#new_task').find('input[name="task[value]"]').val();
event.preventDefault();
 $.ajax({
   url: "/tasks",
   type: "post",
   contentType: "application/json",

   data: JSON.stringify({ assignee: assignee, value: value }),
   success: function(data) {
       alert('successfully');
   },
   error: function(xhr, textStatus, error) {
     alert(xhr.statusText+" "+textStatus+" "+error);
   }
});

});

event.preventDefault(); - ＆gt;没有这个，表格会提交两次。

var value = $('#new_task').find('input[name="task[value]"]').val(); - ＆gt;没有这个，我可能会失去我的表格价值，因为＆＃34;发布任务＆＃34;提醒任务#create

Ajax Bad Request 400 Rails

2 个答案: