cordova app with jquery, php - php

Question

I'm trying to make a hybrid app using cordova and I want to ask two questions?
One of them is the login, I did it with jquery
<script type="text/javascript">
$(document).ready(function () {
$("#submit_btn").on("click", function(){
var username = $("#username").val();
var pass = $("#pass").val();
$.ajax({
type: "POST",
url: "link",
data: { username: username},
sucess: function () {
}
})
});
});
</script>
Is this a "right" way to do it?
and the best way to connect to a database?
<?php
header('Acess-Controll-Allow-Origin: *');
header('Acess-Controll-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');
if(isset($_POST)) {
$username = $_POST['username'];
$pass = $_POST['pass'];
require("connect.php");
$sql = "INSERT INTO fields VALUES ('$username'. '$pass')";
mysqli_query($mysqli, $sql);
}
?>
I'm getting this error:
Notice: Undefined index: $username in /home/wm29tzgj/public_html/areacliente/insert.php on line 7
Notice: Undefined index: $pass in /home/wm29tzgj/public_html/areacliente/insert.php on line 8
<div class="signin-form">
<div class="container">
<form class="form-signin" method="post" id="login-form">
<h2 class="form-signin-heading">Log In to WebApp.</h2><hr />
<div id="error">
<!-- error will be shown here ! -->
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Username" name="username" id="username" />
<span id="check-e"></span>
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password" name="password" id="password" />
</div>
<hr />
<div class="form-group">
<button type="submit" class="btn btn-default" name="btn-login" id="btn-login">
<span class="glyphicon glyphicon-log-in"></span> Sign In
</button>
</div>
</form>
</div>
</div>

Answer 1

Like this :
<script type="text/javascript">
$(document).ready(function () {
$("#submit_btn").on("click", function(){
var username = $("#username").val();
var pass = $("#password").val();
$.ajax({
type: "POST",
url: "http://website.php",
data: {'username': username,"pass":pass },
cache: false,
success: function (data) {
}
});
});
</script>

Answer 2

<script type="text/javascript">
var username="";
var passTxt="";
$(document).ready(function () {
$("#submit_btn").on("click", function(){
username = $("#username").val();
passTxt = $("#password").val();
$.ajax({
type: "POST",
url: "http://website.php",
data: {'username': username,"pass":passTxt },
cache: false,
success: function (data) {
}
});
});
</script>