PHPファイルがAJAX経由で呼び出されない

Question

以下は私の問題コードです。私はAJAX経由でphpファイルを呼び出そうとしています。 フォーム提出後、AJAXがPHPファイルを呼び出すHTMLファイルがあります。 残念ながら、出力が表示されません。

HTMLファイル（ボディ）：（AJAX用）

<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ファイル：

<?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呼び出し」doesnの：私のPHPファイルは

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

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

結果と何かを行う：

$.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もできます