Simple Ajax problem

[berbbrown]

Hi

I hope someone can help me please. I have a problem using a value returning from an AJAX call. The AJAX is working:

[FONT="Courier New"]

var ajaxHTTP; // Global JS variable

function checkOrder() {

if (window.XMLHttpRequest) {
    ajaxHTTP = new XMLHttpRequest();
} else {
    ajaxHTTP = new ActiveXObject("Microsoft.XMLHTTP");
}

var params = 'order=1';
var url = 'checkstatus.php?' + params;

ajaxHTTP.open('get', url, true);
ajaxHTTP.onreadystatechange = showOrderStatus;
ajaxHTTP.send(null);

}

function showOrderStatus() {

mydiv = document.getElementById('mydiv');
var response = '';

if (ajaxHTTP.readyState == 4 || ajaxHTTP.readyState == 'complete') {
    response = ajaxHTTP.responseText;

    if (response == '1') {
        mydiv.innerHTML = 'ordered';
    }

}

}
[/FONT]

checkstatus.php

[FONT="Courier New"]<?php

$order = $_GET['order'];

echo "1";

?>[/FONT]

The problem I am having is that whilst ajaxHTTP.responseText returns the value 1 (via checkstatus.php), the IF statement doesn't work at all.

Anyone got any ideas why please?

Thanks in advance.

BB

[johanafm]

Possibly a trailing space in your php script?

response = response = ajaxHTTP.responseText;

// make really sure response contains nothing but '1', e.g. '1 '
alert("response is '" + response + "'");

In this case, I'd correct the issue in the php script, but if you only ever need to deal with integers, this should solve the problem as well

if (parseInt(response) == 1)

[paulnaj]

I'm not an AJAX expert, but if I need to wait for a response from an AJAX request before continuing, I don't use the third argument in the 'open(...)' call ...

ajaxHTTP.open('get', url);

That maybe why everything's working, but you're not getting the response you expect.

P.