javascript — базовый POST с JQuery Mobile из формы с использованием переполнения стека

Во-первых, я прошу прощения за публикацию еще одного из этих вопросов, но я изучил тонну SO вопросов, связанных с этой темой, и не смог понять мою проблему. Я новичок в PHP и в лучшем случае увлекаюсь использованием мобильных приложений Jquery и тому подобного.

Я пытаюсь опубликовать в .php файл и получить ответ обратно. В конце концов это превратится в базу данных, публикующую Яда Яда. Пока я не могу получить ответ от своего поста. Я запускаю Xampp для размещения php, Jquery Mobile используется в других функциях, поэтому он работает правильно,

HTML:

<form>
<p>Username: </p><input type="text" id="username" value="" />
<p>Password: </p><input type="text" id="password" value="" />
<input type="button" onclick="submitLogIn()" value="Log In" />
</form>

Javascript:

function submitLogIn() {

alert("Submitting: " + $('#username').val() + $('#password').val());
var dbURL = "http://localhost/testerpage.php";

$.post(dbURL, {
//These are the names of the form values
Username: $('#username').val(),
Password: $('#password').val()

}, function (data,status) {
alert(status); //Won't fire
alert(html); //Won't fire
var response = html;
alert(response); //Won't fire
if (response == "Success")
{
alert("Success!"); //Won't fire
//testlog.innerHTML = "Success";
}
else
{
alert("Failure!");//Won't fire
//testlog.innerHTML = "Failure";
}

});

alert("Finished"); //Fires

};

PHP

<?php

// VARS
$Username=$_GET["Username"]; //Also tried _POST
$Password=$_GET["Password"]; //Also tried _POST

//VALIDATION
if(
$Username=="" ||
$Password=="") {
echo "Error";
} else {
echo "Success";
}
?>

Я думаю, что с .php что-то не так, потому что все вопросы, на которые я смотрел, подтверждают, что мой JavaScript правильный. Все мои оповещения срабатывают, кроме тех, которые включены в функцию обратного вызова. Имя пользователя и пароль также правильно установлены, так что это не проблема. Я пытался использовать _POST и _GET в моем .php, я изначально использовал _POST, потому что я публиковал данные, но я следил за этим вопросом 🙁Контактная форма PhoneGap не работает над PHP) и сделал наоборот, поэтому я изменил. Нет разницы. Мой .php на самом деле размещен точно (я могу перейти к нему без ошибок). Я также пытался использовать функцию $ .ajax, но у меня были те же проблемы.

Заранее спасибо.

РЕДАКТИРОВАТЬ: Добавил больше HTML (все, что должно быть актуально) для каждого запроса, не могу добавить все это, потому что это слишком долго.

    <html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

<!-- Stylesheets -->
<link rel="stylesheet" href="css/snctfy2/snctfy2.css" />
<link rel="stylesheet" href="css/snctfy2/jquery.mobile.icons.min.css" />

<link rel="stylesheet" type="text/css" href="css/index.css" />
<link href="jquerymobile/jquery.mobile.structure-1.4.2.min.css" rel="stylesheet" type="text/css" /> <!-- Add .structure after theme-->

<!-- Jquery core -->
<script src="js/jquery.js" type="text/javascript"></script>

<!-- Jquery mobile library file -->
<script src="jquerymobile/jquery.mobile-1.4.2.min.js" type="text/javascript"></script>

<!-- DateBox -->
<link rel="stylesheet" type="text/css" href="css/jqm-datebox.css" />
<script type="text/javascript" src="js/datebox/jqm-datebox.core.js"></script>
<script type="text/javascript" src="js/datebox/jqm-datebox.mode.calbox.js"></script>
<script type="text/javascript" src="js/datebox/jqm-datebox.mode.datebox.js"></script>
<script type="text/javascript" src="js/datebox/jquery.mobile.datebox.i18n.en_US.utf8.js"></script><!-- Scripts (pre-load)-->
<script src="js/scripts.js" type="text/javascript"></script>

<!-- CSS Override -->
<link rel="stylesheet" type="text/css" href="css/override.css" />

<title>SNCTFY</title>
</head>
<body>

<!--there is some more <div> tags here unrelated-->
<!--------------------------------------------------------Login Page---------------------

-------------------------------------------->
<div data-role="page" id="login" data-theme="a" class="bPage">
<div data-role="content">
<form>
<p>Username: </p><input type="text" id="username" value="" />
<p>Password: </p><input type="text" id="password" value="" />
<input type="button" onclick="submitLogIn()" value="Log In" />
</form>
<a href="#register" data-role="button">Register</a>
<button onclick="showAlert()">Test</button>
<p id="testlog">Results</p>
</div>
</div>

<!-- more <div> pages -->

<!-- Scripts (post-load)-->
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
</html>

EDIT2: Поменял JavaScript на один из ответов на тест

function submitLogIn() {
alert("Submitting: " + $('#username').val() + $('#password').val());
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
type: "POST",
url: "http://localhost/testerpage.php",
data: { "Username": username, "Password": password },
success: function (data) {
if (data) {

alert(data);
}
else {
alert('Successfully not posted.');
}
}
});

};

0

Решение

Просто попробуйте jquery Ajax

<body>
<form>
<p>Username: </p><input type="text" id="username" value="" />
<p>Password: </p><input type="text" id="password" value="" />
<input type="button" onclick="submitLogIn()" value="Log In" />
</form>
<script>
function submitLogIn() {
alert("Submitting: " + $('#username').val() + $('#password').val());
var username =$('#username').val();
var password =  $('#password').val();
$.ajax({
type: "POST",
url: "http://localhost/testerpage.php",
data:{"Username":username,"Password":password},
success: function(data) {
if (data) {

alert(data);
}
else {
alert('Successfully not posted.');
}
}
});

}

</script>
</body>
</html>

в PHP

<?php
$Username=$_POST["Username"]; //Also tried _POST
$Password=$_POST["Password"]; //Also tried _POST

//VALIDATION
if(
$Username=="" ||
$Password=="") {
echo "Error";
} else {
echo "Success";
}
?>
1

Другие решения

Попробуй это:

function submitLogIn() {

alert("Submitting: " + $('#username').val() + $('#password').val());
var dbURL = "http://localhost/testerpage.php";

//These are the names of the form values
var username = $('#username').val();
var password = $('#password').val();

$.ajax({
url: dbURL,
type:'post',
data:'&username='+username+'&pass='+password,
success:function(response){
alert(response);
}
});

};<?php

// VARS
$Username=$_POST["username"]; //Also tried _POST
$Password=$_POST["pass"]; //Also tried _POST

//VALIDATION
if(
$Username=="" ||
$Password=="") {
echo "Error";
} else {
echo "Success";
}
?>
0

попробуй этот код
скрипт

<script>
function submitLogIn() {
alert("Submitting: " + $('#username').val() + $('#password').val());
var dbURL = "http://localhost/testerpage.php";

$.post(dbURL, {
//These are the names of the form values
Username: $('#username').val(),
Password: $('#password').val()

}, function (data,status) {
if (data == "Success")
{
alert("Success!"); //Won't fire
//testlog.innerHTML = "Success";
}
else
{
alert("Failure!");//Won't fire
//testlog.innerHTML = "Failure";
}

});
alert("Finished"); //Fires
};
</script>

PHP

// VARS
$Username=$_POST["Username"]; //Also tried _POST
$Password=$_POST["Password"]; //Also tried _POST

//VALIDATION
if(
$Username=="" ||
$Password=="") {
echo "Error";
} else {
echo "Success";
}
0
По вопросам рекламы [email protected]