</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> <a href="/posts/39232580/edit">Update the question</a> so it's <a href="/help/on-topic">on-topic</a> for Stack Overflow.
</p>
<p class="mb0 mt6">Closed <span title="2016-08-31 07:26:37Z" class="relativetime">3 years ago</span>.</p>
</div>
</div>
</aside>
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!";
?>
My problem is - it's not working. It does not execute the php function. Does anybody have an idea about this? I'm new on this type of programming. I'm a desktop developer and now I'm practising web programming.
Thanks
</div>
Try these:
$user = $_POST["user"];
$pass = $_POST["pass"];
In its current state, a 500 error should be thrown for your code; you will see this in your Chrome console when viewing the response (right click -> Inspect -> click Network tab -> look for savecontacts.php) and also your PHP error log (if error reporting is turned on)