【问题标题】:Save&Exit versus Save&Continue保存并退出与保存并继续
【发布时间】:2014-03-14 14:00:08
【问题描述】:

对于文本区域,我想为用户提供两个保存选项。

  1. 保存文档并继续编辑。
  2. 保存并退出

不,我知道如何保存并继续 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>

【问题讨论】:

  • 这有什么难的?保存并继续只是一个 AJAX 调用,除了将其保存到数据库或其他任何东西之外,它什么也不做。保存并退出也保存它,然后您退出到您想要退出的任何地方。
  • 我已经编辑了我的问题并发布了我的代码。

标签: jquery ajax forms input


【解决方案1】:

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

编辑

尝试这样的事情,它会给按钮一个 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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-05
    • 2017-12-17
    • 1970-01-01
    相关资源
    最近更新 更多