Question

我知道有很多关于stackoverflow的问题但是没有一个对我有用。这是我的ajax代码：

function update_schedule($task){
  var taskId = $task.data("taskId"),
    startHour, endHour,
    userId = $('#users').val();
  if( !$task.hasClass('daily-task')){ 
    startHour = getStartHour($task),
    endHour = startHour + (+$task.data('time'));
  }
  console.log(startHour, endHour)

   $.ajax({
          url: '/heimdall/update_scheduled_task',
          method: 'POST',
          data: { "task_id": taskId, "start_hour": startHour, "end_hour": endHour, "user_id": userId },
          success: function (){
            console.log("SUCESS!!", data['head'])
          },
          error: function () {
              console.log("FAILURE");
          },
          async: true
    }); 
}

控制器代码：

def update_scheduled_task
    scheduled_task = ScheduledTask.find_or_create_by(task_id: params[:task_id])
    scheduled_task.update_attributes(start_hour: params[:start_hour], end_hour: params[:end_hour], task_id: params[:task_id], user_id: params[:user_id])

  end

我想返回找到或创建的任务的ID。我不知道如何发送/接收这些信息。我已经阅读了有关回复但仍然不知道在这种情况下如何使用它。

Answer 1

您可以render json: ...将所需信息以JSON格式返回给ajax：

def update_scheduled_task
  scheduled_task = ScheduledTask.find_or_create_by(task_id: params[:task_id])
  scheduled_task.update_attributes(start_hour: params[:start_hour], end_hour: params[:end_hour], task_id: params[:task_id], user_id: params[:user_id])

  render json: {scheduled_task_id: scheduled_task.id}
end

在ajax功能的成功中，请使用它：

success: function (data){
  var data = JSON.parse(data);

  console.log(data["scheduled_task_id"]);
},

Answer 2

首先，您需要改进您的控制器代码结构（您可以依赖默认的脚手架生成器方法）。然后，您必须指出您的方法将仅响应json格式，并返回您想要返回的答案，如下所示：

def update_scheduled_task
  scheduled_task = ScheduledTask.find_or_create_by(task_id: params[:task_id])
  if (scheduled_task && scheduled_task.update_attributes(start_hour: params[:start_hour], end_hour: params[:end_hour], task_id: params[:task_id], user_id: params[:user_id]))
    render json: { scheduled_task_id: scheduled_task.id }
  else
    render json: { error: l18n.t("error.messages.request_error") }
  end
end

然后，您必须修改jquery ajax请求的成功和失败响应方法。以下是它的外观示例：

$.ajax({
  url: "/heimdall/update_scheduled_task",
  method: "post",
  data: { task_id: taskId, start_hour: startHour, end_hour: endHour, user_id: userId },
  success: function(result) {
    if (result["scheduled_task_id"] != null) {
      console.log("Schedule record => " + result["scheduled_task_id"])
    } else {
      console.log("Error: " + result["error"])
    }
  },
  error: function() {
    console.log("Ajax request error");
  },
  // async: true => By default JQuery set true to async param.
});

不要忘记您需要在文件config / ruotes.rb中添加规则来访问此方法，如下所示：

post update_scheduled_task, :defaults => { :format => 'json' }

我希望这能帮到你，问候！

Answer 3

jQuery 的success和error回调依赖于控制器返回的状态代码。当您无法创建/读取/更新对象时，请确保返回正确的状态代码。成功时，只需使用id属性设置呈现JSON即可。我相信update_attributes会在成功时返回true：

if scheduled_task && scheduled_task.update_attributes(...)
  render json: { id: scheduled_task.id }
else
  head :unprocessable_entity
end

如何在Rails中响应ajax调用

3 个答案: