Home/ Questions/Q 7680643
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T18:09:43+00:00

I am new to PHP and JavaScript development, I am trying to execute this

  • 0

I am new to PHP and JavaScript development, I am trying to execute this code but it fails:

<?php
if(isset($_POST['username']) and isset($_POST['password'])) {

 // do logic for logining in (usually query your db)
if ($_POST['username'] == 'test' && $_POST['password'] == 'test') {
$data['success'] = true;
$data['message'] = 'Login succesful';
} else {
$data['success'] = false;
$data['message'] = 'Login failed';
}
// return json
echo json_encode($data);

}
?>

Here is the JavaScript file:

<script>
    $(document).ready(function() {
    alert("dddd");
        $('#loginForm').submit(function() {
            $('#output').html('Connecting....');
            var postTo = 'http://localhost/Login/login.php';
            alert(postTo);
            $.post(postTo,{username: $('[name=username]').val() ,   password: $('[name=password]').val()} , 
                function(data) {
                
                    if(data.message) {
                        alert(data);
                    } else {
                        $('#output').html('Could not connect');
                    }
                
                },'json');
            
            return false;
        });
    });
</script>

Please help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Funnily enough it works for me in Firefox. I had the problem with IE a while back and the solution was to add the correct headers to the top of the php script:

    <?php
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');
...

    EDIT: Reproduced it by calling it from another machine. try to change var postTo = 'http://localhost/test/test.php'; to var postTo = 'test/test.php'; .

    here’s what I tested with ( I woud recommend you use firebug and console.log() instead of alert()):

    <html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
 $('#output').html('somestuff');

    $('#loginForm').submit(function() {
        $('#output').html('Connecting....');
        var postTo = 'http://localhost/test/test.php';
        //alert(postTo);
        $.post(postTo,{username: $('[name=username]').val() ,   password:  $('[name=password]').val()} , 
            function(data) {

                if(data.message) {
                   //  console.log(data);
                    $('#output').html('Ya got it: '+ data.message);
                } else {
                    $('#output').html('Could not connect');
                }

            },'json');

        return false;
    });
});
</script>
</head>

<body>
<form id="loginForm">
    <input type="text" name="username" value="test"/>
    <input type="text" name="password" value="test"/>
    <input type="submit"  />
</form>
<div id="output"></div>
</body>
    • 0