AJAX

responseText is empty in IE

Thread Solved

•

Join Date: Jan 2006

Posts: 14

Reputation: drago865 is an unknown quantity at this point

Solved Threads: 1

drago865

Offline

Newbie Poster

responseText is empty in IE

Jun 8th, 2008

Hello all,

I'm using AJAX to populate a div tag in my HTML when a drop down list item is selected. It works perfectly in Safari, Firefox, Opera, but fails in IE. The responseText just comes back blank from the php script.

Here's the Javascript it has to deal with:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
function GetXmlHttpObject()
{
    xmlHttp = null;
    try
    {
        // Firefox, Opera, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // 6.0+
        }
        catch (e)
        {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); // 5.5+
        }
    }
}
 
function stateChanged() 
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
        var response = xmlHttp.responseText;
        document.getElementById("contentBox").innerHTML=response;
    } 
}
function GetXmlHttpObject()
{
    xmlHttp = null;
    try
    {
        // Firefox, Opera, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // 6.0+
        }
        catch (e)
        {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); // 5.5+
        }
    }
}

function stateChanged() 
{ 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    { 
        var response = xmlHttp.responseText;
        document.getElementById("contentBox").innerHTML=response;
    } 
}

And here's the php script I'm using to fetch some data from the MySQL server:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<?php
    $id = $_GET["id"];
    include('connect.php');
    $theQuery = mysql_query("select post from archive where title='" . $id . "'");
    $row = mysql_fetch_assoc($theQuery);
    echo $row['post'];
?>
<?php
    $id = $_GET["id"];
    include('connect.php');
    $theQuery = mysql_query("select post from archive where title='" . $id . "'");
    $row = mysql_fetch_assoc($theQuery);
    echo $row['post'];
?>

Thanks in advance for any help!

•

Join Date: Jan 2007

Posts: 3,266

Reputation: MidiMagic has a spectacular aura about

Solved Threads: 171

MidiMagic

Offline

Nearly a Senior Poster

Re: responseText is empty in IE

Jun 10th, 2008

One script can't see new objects another script creates. It sees only the original document structure at the time the page opened.

Daylight-saving time uses more gasoline

•

Join Date: Jan 2006

Posts: 14

Reputation: drago865 is an unknown quantity at this point

Solved Threads: 1

drago865

Offline

Newbie Poster

Re: responseText is empty in IE

Jun 10th, 2008

Thanks for such a general answer.

I really have no idea what "script" you're referring to. Do you mean my php script including 'connect.php'? Because that's only information it needs to connect to the server and won't change at all.

Maybe I forgot to mention, or maybe you just forgot to read the part where I said it works in Firefox, Safari, and Opera. I think it's a problem with the way IE is interpreting the document type. Maybe it's trying to parse it before it gets to the page. Again this is only happening in IE so there's nothing wrong with my code, I just need to add something to make it work with IE.

•

Join Date: Jan 2006

Posts: 14

Reputation: drago865 is an unknown quantity at this point

Solved Threads: 1

drago865

Offline

Newbie Poster

Re: responseText is empty in IE

Jun 10th, 2008

If anybody else runs across this problem, I've come across the solution (thanks to BetaWar on dreamincode.net).

The following is the code I have now. IE wasn't recognizing what this.value was because I didn't have the value attribute in the option tag. I was assuming that "this.value" was being fetched from the text inside the option tags. I assumed wrong I guess.

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<select id="post" onchange="changePost(this.value);">
<?php
include('php/connect.php');
if(mysql_num_rows($result) > 0)
{
while($row = mysql_fetch_assoc($result))
{
$id = $row['pk'];
$title = $row['title'];
echo "<option id=\"".$id."\" value=\"".$title."\">".$title."</option>\n";                         }
}
mysql_close($con);
?>
</select>
<select id="post" onchange="changePost(this.value);">
<?php
include('php/connect.php');
if(mysql_num_rows($result) > 0)
{
while($row = mysql_fetch_assoc($result))
{
$id = $row['pk'];
$title = $row['title'];
echo "<option id=\"".$id."\" value=\"".$title."\">".$title."</option>\n";                         }
}
mysql_close($con);
?>
</select>