發送AJAX請求到MySQL並通過php/jQuery返回JSON

Question

即時通訊嘗試發送一個AJAX請求到我的數據庫並獲取JSON格式的信息，然後我想用這些json信息替換我的div。但我的DIV不會得到改變，我不知道爲什麼..

這裏是我的代碼，並非常感謝你的幫助：

的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

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

Answer 1

試試這個，你必須發佈一些數據到你的腳本，以便它會處理。此外，您必須使用method: 'POST'因爲使用了$_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); 
    } 
});