防止在提交后重新加载

Question

我使用的是follwing代码，但它不会阻止重新加载并且在窗体页面上看不到成功的文本。

$("#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(); 
}); 

OR

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