我的ajax无法正常工作

时间:2016-08-30 16:21:55

标签: php jquery ajax phpmyadmin

的index.html

<!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函数。有人对此有所了解吗?我是这类编程的新手。我是桌面开发人员,现在我正在练习网络编程。

由于

1 个答案:

答案 0 :(得分:2)

试试这些:

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

在当前状态下,应该为您的代码抛出500错误;您会在查看回复时在Chrome控制台中看到此信息(右击 - &gt;检查 - &gt;点击网络标签 - &gt;查找savecontacts.php)以及您的PHP错误日志(如果错误报告已开启)