PHP文件未通过AJAX调用

Question

下面是我的问题代码。我试图通过AJAX调用php文件。我有一个HTML文件，在表单提交后，AJAX调用PHP文件。不幸的是，我看不到任何输出。

HTML文件（正文）：

<form>
  <label for="">Username</label>
  <input type="text" name="username" value="">
  <br><br>
  <label for="">Password</label>
  <input type="text" name="password" value="">
  <br>
  <button name="button" id="button" value="Submit">Submit</button>
</form>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<script src="login.js"></script>

我的login.js文件（适用于AJAX）：

$("#button").click(function(e){
e.preventDefault();

$.ajax({
 type: 'POST',
 url: 'login.php'
 });
});

我的PHP文件：

<?php
 // Server credentials
 $serverName = "localhost";
 $username = "root";
 $password = "root";
 $dbName = "Blog";

 //Creating connection
 $db = mysqli_connect($serverName,$username,$password,$dbName);
 if(!$db){
   echo "error";
   die($db);
 }

 else{
   echo "er22ror";
 }

 mysqli_close($db);
?>

Answer 1

你的AJAX调用对结果没有任何作用：

$.ajax({
    type: 'POST',
    url: 'login.php'
});

要查看输出，您必须输出一些内容。使用回调。例如，您可以将结果记录到控制台：

$.ajax({
    type: 'POST',
    url: 'login.php'
}).done(function (result) {
    console.log(result);
});

Answer 2

$.ajax({
    type: 'POST',
    url: 'login.php',
    success: function (res) {
        alert('hi'+res);
    }
});

用于上面。你也可以在控制台窗口中使用show