PHP file not called via AJAX

Question

Below is my code for the problem. I am trying to call php file via AJAX. I have an HTML file where after form submission, the AJAX calls the PHP file. Unfortunately, I cannot see any output.

HTML File(Body):

<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>

My login.js file(for AJAX):

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

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

My PHP file:

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

Possible duplicate of How to return the response from an asynchronous call? — madalinivascu
– madalinivascu, Commented Nov 6, 2017 at 11:24

David · Accepted Answer · 2017-11-06 11:25:19Z

2

Your AJAX call doesn't do anything with the result:

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

In order to see output, you have to output something. Use a callback for that. For example, you can log the result to the console:

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

answered Nov 6, 2017 at 11:25

David

221k42 gold badges245 silver badges337 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sachin Sarola · Accepted Answer · 2018-12-27 06:27:42Z

1

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

used above. you can also show in console window

edited Dec 27, 2018 at 6:27

answered Nov 6, 2017 at 11:29

Sachin Sarola

1,0411 gold badge11 silver badges29 bronze badges

1 Comment

Nico Haase Over a year ago

Please add some explanation to your code such that others can learn from it

Collectives™ on Stack Overflow

PHP file not called via AJAX

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related