<script>

$(document).ready(function() {


    //NOTA: el comportamiento default de submit, es que recargue la pagina despues de enviar los datos
    $("#login").submit(function(){

        var user = $("#usuario").val();

        var pass = $("#contra").val();

        alert(user+" "+pass);

        //literal: paquete a enviar al servidor
        var datosFormulario = {usuario:user, contra: pass}

        //enviamos el paquete al servidor, y la respuesta se la mandamos a la funcion procesar datos
        $.get("login.php", datosFormulario, procesarDatos());

        return false;//desabilito el comportamiento default

    });

    function procesarDatos(datos_devueltos){
        alert(datos_devueltos)
        if(datos_devueltos=="autorizado"){

            $("#contenidos_externos").html("<p> Usuario correcto. Bienvenido </p>");

        }else{

            $("#contenidos_externos").html("<p> Usuario incorrecto. Intenta de nuevo </p>")

        }

    }

});
</script>

$contra_entrar="1234";
$usu_entrar="Juan";

$el_usuario=isset($_GET['usuario']) ? $_GET['usuario'] : $_POST['usuario'];
$la_contra=isset($_GET['contra']) ? $_GET['contra'] : $_POST['contra'];

if ($el_usuario==$usu_entrar && $la_contra==$contra_entrar) {
  echo 'autorizado';
} else {
  echo 'fallo';
}