防止在提交後重新加載

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