Search jQuery

jQuery Forum

Having AJAX change result based on PHP If statement outcome?

in Using jQuery • 8 years ago

Hi guys,

I have had my fair share of experience with jQuery but have never dared go near the AJAX uses just because of the effect it has on my brain and causes me to become obsessive with fixing errors.

So, here I am with an error...

I have my usersystem.js and here is the login section which deals with the result of the user attempting to login.

});
$("#logincontent").on('click', '#login', function(){
var loginusername = $("#loginusername").val();
var loginpassword = $("#loginpassword").val();
var dataString = 'loginusername='+ loginusername + '&loginpassword='+ loginpassword;
if(loginusername==''||loginpassword=='')
{
alert("You left the username or password field blank, oops.");
}
else
{
$.ajax({
type: "POST",
url: "files/php/login.php",
data: dataString,
cache: false,
success: function(result){
$("#content").html('<div class="exclusivetransparentboxleft"></div><div class="exclusivetransparentboxright"></div>');
$('.exclusivetransparentboxleft').load('files/php/usercp.php');
$("#navigation").html('<div id="navigationitem">Home</div><div id="navigationitem">About Us</div><div id="navigationitem">Support</div><div id="navigationitem">Add Review</div><div id="navigationitem">View Venues</div><div id="navigationitem">Book Venues</div>');
}
});
}
return false;
});

Now, as you can see, regardless of whether the user has entered the correct username or password it allows them to login with any name or password, due to the 'success' state running the result function once the script understands the data has been sent.

So, how would I go about changing the result based on the outcome of a PHP If statement, like in the login.php file I have below...

<?php
session_start();
include("connect.php");
$loginusername = $_POST["loginusername"];
$loginpassword = $_POST["loginpassword"];
$stmt = $conn->prepare("SELECT * FROM users WHERE username=:theusername");
$stmt->bind_param(":theusername", $loginusername);
$row = $stmt->fetch();
if (password_verify($loginpassword, $row['password']))
{
$_SESSION["logged"] = $loginusername;
}else{
?>
<p style="font-size: 16px;"><b>Incorrect</b></p>
<p>We're sorry to report that the username and password combination you entered does not exist, if you would like to try to login again then please click <a href="javascript:loadContent('#logincontent','login.html');">here.</a></b></p>
<?php
}
?>

As you can see, if they login, it sets the session to store the username to keep them logged in, if it's not successful you can see the error result.

I just don't know how to do what I'm doing in the PHP file in the JS file, I've been trying for two days straight now and still nothing.

Any help is extremely appreciated.

Thanks for any suggestions or opinions put forward.

Replies(3)

watusiware

Re: Having AJAX change result based on PHP If statement outcome?

8 years ago

You have duplicated IDs in your dynamically-inserted HTML. Don't do that - it's invalid HTML. (edit: almost certainly not the cause of your problem, but will create other problems.)

$("#navigation").html('<div id=" navigationitem ">Home</div><div id=" navigationitem ">About Us</div><div id=" navigationitem ">Support</div><div id=" navigationitem ">Add Review</div><div id=" navigationitem ">View Venues</div><div id=" navigationitem ">Book Venues</div>');

Is this what's causing the problem you describe? I dunno. This just jumped out at me. My grandmother would have said, "if it was a snake, it would have bit you!"

watusiware

Re: Having AJAX change result based on PHP If statement outcome?

8 years ago

So, how would I go about changing the result based on the outcome of a PHP If statement, like in the login.php file I have below...

For that, you need help from a PHP forum. We can help you with jQuery problems. It's better not to post PHP here. If you post the HTML that PHP produces, then we can understand what jQuery has to work with. jQuery doesn't care if you use PHP on your server, or if you use omgrofl.

http://en.wikipedia.org/wiki/Omgrofl

jQuery doesn't know or care what language you use on your server.

Now, as you can see, regardless of whether the user has entered the correct username or password it allows them to login with any name or password

That's impossible. Your SERVER decides if somebody logs-on or not. Your Javascript might somehow pretend that the user logged-on, but the server is responsible for authentication, and making sure you don't send something to the user that you do not want to send if they have not logged-in.

You probably want to have your PHP send a 401 (Unauthorized) status code, however one does that in PHP. Then your Ajax success() callback will not be called, because... failed request is not success. You can check the specific status code in your jQuery code if you want.

Sµßhrånil∂

Re: Having AJAX change result based on PHP If statement outcome?

8 years ago

In php do a small change, pass a message to ajax when login is successful like

if (password_verify($loginpassword, $row['password']))
{
$_SESSION["logged"] = $loginusername;
echo 'login success';
}else{

then in your ajax success check for the same message and do the redirection like

success: function(result){
if(result == 'login success'){
$("#content").html('<div class="exclusivetransparentboxleft"></div><div class="exclusivetransparentboxright"></div>');
$('.exclusivetransparentboxleft').load('files/php/usercp.php');
$("#navigation").html('<div id="navigationitem">Home</div><div id="navigationitem">About Us</div><div id="navigationitem">Support</div><div id="navigationitem">Add Review</div><div id="navigationitem">View Venues</div><div id="navigationitem">Book Venues</div>');
}
}

This will restrict loading next page if login failed.

But this is not a good way to do, you page should have session check as well otherwise user can access any page by seeing your code and run that code from console.

Top Reply

Response title

Attachments

jQuery Forum

Having AJAX change result based on PHP If statement outcome?

Replies(3)

Re: Having AJAX change result based on PHP If statement outcome?

Re: Having AJAX change result based on PHP If statement outcome?

Re: Having AJAX change result based on PHP If statement outcome?

Statistics

Tags

Actions