Senden AJAX-Anfrage an MySQL und JSON immer wieder über php/jQuery

Question

im Versuch, eine AJAX Anfrage an meine Datenbank zu senden und die Informationen im JSON-Format zurück, dann mag ich meine div mit diesen json Informationen ersetzen. Aber meine div wird nicht erhalten geändert und ich weiß nicht, warum ..

Hier ist mein Code und vielen Dank für die Unterstützung:

index.php

<form class="login-form" method="post" action=""> 
    <input type="text" name="lusername" placeholder="username"/> 
    <input type="password" name="lpassword" placeholder="password"/> 
    <input type="image" name="login" src="src/login.png" onClick="getLoginInfo()"> 
    <p class="message">Not registered? <a href="#" onClick="return false" onmousedown="changeContent('registerClick');"><span id="tab">Create an account</a></span></p> 
    <div id="test">change me pls</div> 
</form> 

login.php

<?php 
    require_once("connection.php"); 

    if(isset($_POST['login_x']) or isset($_POST['login_y'])) { 
     $lusername = $_POST['lusername']; 
     $lpassword = $_POST['lpassword']; 
     $select = mysqli_query($connection, "SELECT Username, Password FROM Account WHERE Username='".$lusername."' AND Password='".$lpassword."'"); 

     if(mysqli_num_rows($select) == 0) { 
      echo '<script>cantFindAccount()</script>'; 
     } else { 
      $array = mysqli_fetch_row($select); 
      echo json_encode($array); 
     } 
    } 
?> 

getLoginInfo.js

Answer 1

Versuchen Sie dies, Sie müssen einige Daten in Ihr Skript schreiben, so dass es verarbeitet werden würde. Darüber hinaus haben Sie method: 'POST' zu verwenden, da Sie $_POST[]

$.ajax({ 
    url: 'http://localhost/login.php', 
    data: $(this).serialize(), 
    method: 'POST', 
    dataType: 'json', 
    success: function(data) { 
     var user = data[0]; 
     var pass = data[1]; 
     $('#test').html("<b>id: </b>"+user+"<b> name: </b>"+pass); 
    } 
});