Jquery ajax保存按钮和保存退出按钮

Question

jquery的新功能。我怎样才能有一个简单的形式与保存按钮和保存退出按钮？

我现在拥有的某种方式“有效”。但是当我发布然后点击保存退出。然后回到/消息。使用表格并点击保存 - 退出它的帖子并保持在页面上。但是如果我重复一遍，它会发布并退出。

JQUERY

var BASE = 'http://localhost/sym/messages'; 

$('#xhrSave').submit(function() { 

    event.preventDefault(); 

    $('[name="save_continue"]').click(function() { 
     window.location = '#'; 
    }); 

    $('[name="save_exit"]').click(function() { 
     window.location = BASE; 
    }); 

    var url = $(this).attr('action'); 
    var data = $(this).serialize(); 

    $.ajax({ 
     type: 'post', 
     url: url, 
     dataType: 'json', 
     data: data, 
     success: function(data) { 

      $('#message_list').append('<div>' + data.message + '<a class="delete" rel="'+ data.id +'" href="#">Delete</a></div>'); 

     } 

    }); 

    // clear textbox 
    $('#form_message').val(''); 

}); 

HTML

<form action="<?=URL::to('messages/xhrSave')?>" method="post" id="xhrSave"> 

<input type="text" name="message" value="" id="form_message" /> 

<button type="submit" name="save_continue" class="save_form">Save</button> 
<button type="submit" name="save_exit" class="save_form">Save-Exit</button> 

Answer 1

有很多做这件事情的方式，没有任何可以说是最好的，只是把我在用什么样的方式一般。

你的HTML改成这样：

<input type="text" name="message" value="" id="form_message" /> 

<button type="submit" name="save_continue" class="save_continue save_form">Save</button> 
<button type="submit" name="save_exit" class="save_exit save_form">Save-Exit</button> 

和JS：

function myajaxcall(type){ 
        var url = $(this).attr('action'); 
     var data = $(this).serialize(); 

     $.ajax({ 
      type: 'post', 
      url: url, 
      dataType: 'json', 
      data: data, 
      success: function(data) { 

       $('#message_list').append('<div>' + data.message + '<a class="delete" rel="'+ data.id +'" href="#">Delete</a></div>'); 
       //one way to redirect 
       if(type=="exit") 
       window.location = "thepageyouwanttogo.php" 

      } 

     }); 
} 
$('.save_continue').click(function() { 
     myajaxcall("continue") 
}); 
$('.save_exit').click(function() { 
     myajaxcall("exit") 
}); 

注：我没有检查你的JS在AJAX只是复制它的问题