2016-08-30 64 views
-2

的index.html我的AJAX不工作

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <script src="jquery-3.1.0.min.js" type="text/javascript"></script> 
     <script src="myValidations.js" type="text/javascript"></script> 
    </head> 
    <body> 
     Username : <input type="text" id="txtusername"></> 
     Password : <input type="text" id="txtpassword"></> 
     <input type ="submit" value="Save" id="btnSave"></> 
     <div id="disp"></div> 
    </body> 
</html> 

myValidation.js

$(document).ready(function(){ 
    $("#btnSave").click(function() { 
     var username = $("#txtusername").val(); 
     var password = $("#txtpassword").val(); 
     $.ajax({ 
       type: 'POST', 
       url: 'savecontacts.php', 
       data: {user:username, pass:password}, 
       success: function (data) { 
        alert(data); 
       } 
     }); 
    }); 
}); 

savecontacts.php

<?php 
require_once './connectDB.php'; 

$user = $_POST("user"); 
$pass = $_POST("pass"); 

mysqli_query($conn, "insert into tbluser (username, password) values ('$user','$pass')"); 

echo "Done!"; 
?> 

我的問題是 - 它不工作。它不執行php函數。有人對此有所瞭解嗎?我是這種類型的編程的新手。我是一名桌面開發人員,現在我正在從事網絡編程。

感謝

+2

什麼是不工作? – Phiter

+1

Javascript控制檯中的任何錯誤? – Barmar

+1

另外你不用圓括號訪問數組,你可以使用方括號。 '$ _POST [''];' – Phiter

回答

2

嘗試這些:

$user = $_POST["user"]; 
$pass = $_POST["pass"]; 

在當前狀態下,一個500錯誤應該拋出你的代碼;在查看響應時(右鍵單擊 - >檢查 - >單擊網絡選項卡 - >查找savecontacts.php),以及您的PHP錯誤日誌(如果打開錯誤報告),您將在Chrome控制檯中看到此內容