Jquery 页面仍然使用ajax刷新

HTML:

但不幸的是仍然得到同样的结果。遗憾的是，我还没有学会如何使用JS控制台进行调试。但是，它在要做的事情列表中。

e.preventDefault（）

如果在它之前返回，则永远不会得到评估：

<script>
$(document).ready(function(){
var $form = $('#sample');
$form.submit(function(e){
e.preventDefault();
$.get( url:$(form).attr('action'), data:$(form).serialize(), success:function(result)  {$('#div').html(result)},'json'); 
  return false;
});
});
</script>

---

没有什么是

$。GET

它是

$。GET

。它区分大小写。因此，您的代码在阻止默认行为之前就崩溃了，因此它正在提交。一旦你解决了这个问题，你还会发现你使用的

get

是错误的

总是检查你的js控制台，它会告诉你这就是问题所在

正确调用

get

：

$.get( $(form).attr('action'),  // url
       $(form).serialize(),     // data
       function (result) {      // success
         $('#div').html(result)
       },
       'json'                   // dataType
);

---

您是否在页面中包含jQuery？检查控制台是否有错误？是的

您对

$的调用。get

仍然会给出语法错误，因为

url:

，

数据：

，等等。有关调用

$.get

的正确方法，请参阅我的更新答案（或James'）。正如其他人所指出的，使用JavaScript时，应该始终打开浏览器的开发控制台。它将为您提供有关语法错误和代码中其他问题的信息。确实如此，但实际上并不相关

return false

还可以防止默认设置。get不是这样调用的，它不以对象为参数，而是以1-4个单独的参数为参数。没错，@JamesMontagne。恼人的是，

$.get

和

$.ajax

没有一致的API。不管怎样，这是一个语法错误之前。

<?php
error_reporting(E_ALL); ini_set('display_errors', 1); mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);    
$conn = mysqli_connect('localhost', 'root', '') or die ("No mysqli");
        mysqli_select_db($conn, 'sample') or die ("No DB");
$name = $_GET['username'];
$age = $_GET['userage'];
$date = $_GET['userdate'];
$insert = ("INSERT INTO `test` (name, age, date) VALUES ('$name','$age','$date')");
$insert_query = mysqli_query($conn, $insert) or die ("No query");
mysqli_close($conn);
//header('location:followbutton.php');
echo "<script text='javascript'>alert('Ajax');</script>"
 ?>

<script>
$(document).ready(function(){
var $form = $('#sample');
$form.submit(function(e){
e.preventDefault();
$.get( url:$(form).attr('action'), data:$(form).serialize(), success:function(result)  {$('#div').html(result)},'json'); 
  return false;
});
});
</script>

function(e) {
  // ...
  return false;
  e.preventDefault(); // <-- never happens
}

$.get( $(form).attr('action'),  // url
       $(form).serialize(),     // data
       function (result) {      // success
         $('#div').html(result)
       },
       'json'                   // dataType
);

$.get($(form).attr('action'), 
      $(form).serialize(), 
      function (result) {
            $('#div').html(result)
      }, 
      'json');