在ajax请求之后页面刷新

好吧，我有一个简单的表单，只包含一个text field 。 当我们点击提交（通过ajax存储）时，在文本字段中写入的数据将存储在DB中。 ajax工作正常，数据已提交，但页面get会自动刷新，URL包含输入字段的内容。

我的表格： –

 
 
  
  
  
 
  
  
 Enter 
 
 
  

Ajax： –

 $("#submit_message").click(function() { var message = $("#message").val(); $.ajax({ type: "POST", url: "ajax_getter.php?requestid=2", data: { message: message, c: c }, dataType: "html" }).done(function( msg ) { //load_content(); alert(msg); }); }); 

PHP： –

 //... if($chat->insert("chat_threads", $arr)) { echo 1; } else { echo 0; } 

在popup显示结果后，页面刷新和URL变为如下： – chat.php？message = 454545＆submit_message =为什么要刷新页面？

Answer 1

似乎您的表单正在提交中。 尝试阻止默认事件（即提交）：

 $("#submit_message").click(function(e) { e.preventDefault(); // This prevents form from being sumbitted // the rest of your code });