Question

I have been trying for hours to make this work but I am not getting anything back when doing the ajax call. I am new to Ajax and it could probably be something you will see but that I am unable to. I would appreciate you help. Here is my code.

HTML

 <script>
$("#submitlogin").click(function() {

      inputs = {
        "logInUsername" : $('input[name=logInUsername]').val(),
        "logInPassword" : $('input[name=logInPassword]').val()
      };
      // since this is a username and password combo you will probably want to use $.post
      $.ajax ({
        type: "POST",           
        url: "loggnow.php",
        data: inputs,
        success: function() {
          $("#login").html("You are now logged in!");
        }
      });
    });
</script>

loggnow.php

<?php
extract($_POST);

if($_POST)
{
   echo 'Yes the ajax posted';
}
?>

Answer 1

Try this :

$(document).ready(function(){
  $("#submitlogin").click(function() {
    inputs = {
        "logInUsername" : $('input[name=logInUsername]').val(),
        "logInPassword" : $('input[name=logInPassword]').val()
    };
    // since this is a username and password combo you will probably want to use $.post
    $.ajax ({
        type: "POST",           
        url: "loggnow.php",
        data: inputs,
        success: function() {
            $("#login").html("You are now logged in!");
        },
        error : function(jqXHR, textStatus, errorThrown){
            alert("error " + textStatus + ": " + errorThrown);
        }
    });
  });
});

This will give you an alert if an error occurs in AJAX with details

EDIT:

As Leo pointed it out, your code might be executing too fast, try the modified code above so that you make sure it runs after all the page has loaded