提交表单之前点击链接

Question

我有一个页面有几个输入，验证按钮以及一些链接。

我想要有以下行为：当用户点击一个链接时，在链接之前提交表单（数据被保存）。

我试图在链接点击事件上使用jquery form.submit（），但数据没有保存。 如果我在form.submit（）之前使用event.preventDefault（），数据将被保存但链接未打开，则会打开提交按钮的操作链接。

我该怎么做？

Answer 1

你需要使用e.preventDefault（）使用Ajax这个功能

<a href="somepage.html" class="link">Link</a> 

$(document).ready(function(){ 
$('.link').click(function(e){ 

var href = $(this).attr('href'); 
e.preventDefault(); 
//do ajax for saving the data-- refer jquery ajax 

$.ajax({ 
     url:'your form action', 
     type:'post', 
     data:anydata to send 
    success:funtion(msg){ //return a value ok if form saved or fail if form not saved 
    if(msg == 'ok'){ 
    location.href = href; //just redirect 
     }  
    } 

});  
}); 

});