php - 防止提交后重新加载

Question

我正在使用以下代码，但它不会阻止重新加载，并且在表单页面上看不到成功的文本。

$("#ak_Submit_img").click( function() {
 $.post( $("#ak").attr("action"), 
         $("#ak :input").serializeArray(), 
         function(info){ $("#result").html(info); 
   });
 clearInput();
});

$("#ak").submit( function() {
  return false; 
});

function clearInput() {
    $("#ak :input").each( function() {
       $(this).val('');
    });
} 

<form id='ak' class='sfm_form' method='post' action='such.php' accept-charset='UTF-8'>

<input type='image' name='Submit' id='ak_Submit_img' src='images/ak-Submit-0.png' alt='submit'/>

我哪里出错了。

Answer 1

return false 不是防止使用 jquery 重新加载的方法。

防止按下按钮重新加载的常用方法是:

$('#button').click(function(e){
  // do whatever actions you need here
  e.preventDefault();
});

对于您的代码，我建议:

$("#ak_Submit_img").click( function(e) {
 e.preventDefault();
 $.post( $("#ak").attr("action"), 
         $("#ak :input").serializeArray(), 
         function(info){ $("#result").html(info); 
   });
 clearInput();
});

或

$("#ak").submit( function(e) {
 e.preventDefault();
  return false; 
});