Question

Ajax never returns a value. I have tried setting the async:false option and also tried to setup a callback function it still never returns a value. When i browse to the url using firefox i see the expected response but when i make the request via ajax, there is no reponse. Firebug also confirms it.

I have tried lots of code samples i found but they never return a value. I have also tried using a different version jquery and other browsers.

Does anyone know what could be wrong?
Thanks
Below is the code that gets called when a user clicks a button on the form.

function login() {
    var username = $("#uname").val();
    var password = $("#password").val();
    $.ajax({
        type: 'POST',
        url: 'http://localhost/mConnect/login.php',
        data: { username: username, password: password },
        async: false,
        success: function(html) {
            slim(html);
        }
    });
}

function slim(html) {
    // var data = $(xml).find("Status").text();
    alert(html.responseText);
}

Below is the login.php it just prints static xml

<?php  
    $array = array('stat'  => '1.0',
                    'mode'   => 'whatever',
                    'content' => 'All');

    $new ='<?xml version="1.0" encoding="iso-8859-1"?><response>';

    foreach($array as $key => $values) {
        $new .= "<$key>$values</$key>";
    }
    echo $new.'</response>';
?>

Answer 1

You have a success callback, but no failure callback. Probably something along the way is failing and there are about 100 possibilities. Run it in Firebug (or equivalent) and see what happens to the request. (My money: your local webserver isn’t responding at all.)