Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Rails:保存并切换到下一个选项卡后端功能_Javascript_Ruby On Rails_Ajax - Fatal编程技术网

Javascript Rails:保存并切换到下一个选项卡后端功能

Javascript Rails:保存并切换到下一个选项卡后端功能,javascript,ruby-on-rails,ajax,Javascript,Ruby On Rails,Ajax,我试图用下面的链接中所示的代码实现功能,但我没有用“下一步”和“上一步”,而是用“保存”和“下一步”。当我点击“保存”时,页面不会被刷新,我应该能够通过将数据保存到后端(Rails)导航到下一个选项卡 第一种方法是“Ajax”,但我不知道如何开始 尝试以下代码,单击“保存”按钮,运行ajax,保存数据,然后显示下一个选项卡: $(".save_btn").click(function(){ $.ajax({ type: "post", url: "/path", d

我试图用下面的链接中所示的代码实现功能,但我没有用“下一步”和“上一步”,而是用“保存”和“下一步”。当我点击“保存”时,页面不会被刷新,我应该能够通过将数据保存到后端(Rails)导航到下一个选项卡

第一种方法是“Ajax”,但我不知道如何开始


尝试以下代码,单击“保存”按钮,运行ajax,保存数据,然后显示下一个选项卡:

$(".save_btn").click(function(){
  $.ajax({
    type: "post",
    url: "/path",
    data: "params1=data",
    success: function(){
      $("#tab2").show();
    }

  })
})

单击“保存”按钮时,触发对后端的ajax调用,成功后,使选项卡继续下一步。以下是在jQuery中编写ajax方法的链接:
$(".save_btn").click(function(){
  $.ajax({
    type: "post",
    url: "/path",
    data: "params1=data",
    success: function(){
      $("#tab2").show();
    }

  })
})