Что я пытаюсь сделать, это создать систему входа в систему с помощью jquery mobile, а затем при успешном входе в систему я хочу отобразить информацию о пользователях на странице профиля.Я знаю о некоторых функциях, которые мне нужно использовать для этого, хотя, поскольку я использую телефонную пробелу, мне нужно использовать AJAX для передачи данных, что меня действительно смущает.Если кто-то может помочь мне с этим, то это было бы здорово, я боролся с этим уже несколько недель.
Ниже приведен мой HTML-код.Я хочу передать пользователю страницу 2 с информацией его профиля при успешном входе в систему.
<!-------------- First page for form ----------->
<div data-role="page" id="home">
<!-------------- First page header ----------->
<div data-role="header">
<h1>Login in</h1>
</div>
<!-------------- First page main content ----------->
<div data-role="main" class="ui-content" id="login"/>
<form method="post" action="#profile" data-ajax="false"/>
<label for="email">Email: <span>*</span></label>
<input type="email" id="email" name="email" placeholder="example@domain.com"/>
<label for="password">Password : <span>*</span></label>
<input type="password" name="password" id="password" placeholder="********"/>
<input type="submit" data-inline="true" id="login" value="Submit" data-theme="b"/>
</form>
</div>
<!-------------- First page footer ----------->
<div data-role="footer" id="footer">
<h1>...</h1>
</div>
<!-------------------------------------------------------------
End of First page
-------------------------------------------------------------->
<!-------------- Second page ----------->
<div data-role="page" id="profile">
<!-------------- Second page header ----------->
<div data-role="header">
<h1>Profile</h1>
</div>
<!-------------- Second page main content ----------->
<!-------------- Second page footer ----------->
<div data-role="footer">
<h1>...</h1>
</div>
</div>
<!-------------------------------------------------------------
End of Second page
-------------------------------------------------------------->
Ниже приведен мой js-файл.Пожалуйста, не устанавливайте это для мобильного jquery.Я много раз менял подход к этой задаче, чтобы я мог использовать некоторую помощь по настройке этого для работы с JQM.
mysubmit=function(){
$("#submit").click(function(e){
e.preventDefault();
console.log('clicked');
var email= $.trim($("#email").val());
var password= $.trim($("#password").val());
$("#status").text("Logging you in...");
var loginString ="email="+email+"&password ="+password;
$.ajax({
type: "GET",crossDomain: true, cache: false,
url:"http://localhost/form/www/auth.php",
success: function(data){
console.log(data);
//get HTML
tml
var myarray = JSON.parse(data);
console.log(myarray);
if(data == "success") {
$("#status").text("You're logged in!");
localStorage.loginstatus = "true";
window.location.href = "welcome.html";
}
else if(data == "error")
{
$("#status").text("Ops, your login has failed");
}
}
});
});
Ниже приведен мой php-код.Это далеко не закончено, хотя я ударил его кирпичной стеной и, похоже, не могу найти способ заставить это работать.
<?php
$host = "localhost";
$dbusername = "root";
$dbpassword = "";
$dbname = "registration";
$conn = new mysqli ($dbhost, $dbuser, $dbpass, $db);
if($conn->connect_error){
echo "Connection has failed";
}
else{
echo "Connect was successful";
}
if(isset($_POST["submit"]))
{
$username=$_POST["username"];
$password=$_POST["password"];
$query = "SELECT * FROM `users` WHERE `password` = '$password' and email='$email'";
$result = mysql_query(query);
$numRows = mysql_num_rows($result);
if($numRows==1){
session_start();
$_SESSION["username"] = $username;
header("Location: ./index.html");
else{
echo "Invalid Login Information";
}
}
}
Был бы очень признателен за любую помощь, которую люди могут оказать мне в этом.
Заранее спасибо.