保存并退出并保存并继续

时间:2014-03-14 14:00:08

标签: jquery ajax forms input

对于textarea,我想给用户两个保存选项。

  1. 保存文档并继续编辑。
  2. 保存并退出
  3. 不知道如何保存并继续进行AJAX调用。当然,保存和退出很容易。两者的结合使我感到困惑。我尝试了一些谷歌搜索,但没有任何运气。有人能指出我正确的方向吗?

    谢谢!

    编辑... 我的代码:

     <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
     <form action="post" action="save.cfm" name="formname" id="formname">
     <textarea name="text"></textarea>
     <input type="submit" value="save and exit">
     <input type="submit" value="save and continue">
     </form>
    
    
    
     <script>
     $(function () {
     $('#formname').on('submit', function (e) {
     $.ajax({
    type: 'post',
    url: '/wall/save_and_continue.cfm',
    data: $('form').serialize(),
    success: function () {
      alert('form was submitted');
    }
     });
     e.preventDefault();
     });
     });
     </script>
    

1 个答案:

答案 0 :(得分:0)

如果您知道如何同时保存和退出以及保存和继续,那么只需使用这两个选项并在代码中添加条件,以便在您单击该按钮时保存并退出它并保存并继续当您单击该按钮时

修改

尝试这样的按钮会给按钮一个ID,然后Jquery会根据用户是否点击保存并退出或保存并继续使用单独的代码:

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<form action="post" action="save.cfm" name="formname" id="formname">
<textarea name="text"></textarea>
<input type="submit" id="save_exit" value="save and exit">
<input type="submit" id="save_cont" value="save and continue">
</form>



<script>
$(function () {
  $('#formname #save_cont').on('submit', function (e) {
    $.ajax({
      type: 'post',
      url: '/wall/save_and_continue.cfm',
      data: $('form').serialize(),
      success: function () {
      alert('form was submitted');
      }
    });
    e.preventDefault();
  });
});

$(function () {
  $('#formname #save_exit').on('submit', function (e) {
    DO Save and Exit Code  
  });
    e.preventDefault();
  });
});

</script>