提交后防止重新加载

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; 
});