AJAX call to php file doesnt work in ie8

Question

But it works in firefox.

This is my javascript:

star.updateRating=function(v, listid) { 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null) {
    alert("Your browser does not support AJAX!");
    return;
}  
var randomnbr = randomID(12); 
var cacheid = randomnbr+"_"+listid;              
var url="http://mywebsiteurl.com/includes/functions_rating.php";                 
    url=url+"?action=ratelist";                      
    url=url+"&listid="+listid;                   
    url=url+"&rating="+v;    
    url=url+"&cid="+cacheid;      
// disable the container 
$('starMsg').innerHTML=' - Thanks for rating!';
$('star').setAttribute('onmousemove','');
$('star').setAttribute('onmousedown','');

xmlHttp.open("POST",url,true);
xmlHttp.send(null);

}

My php file begins with : header ("content-type: text/xml");

The code will run all the way through (an alert(1); will execute at the end of the js). However, the php does not update the database when the script is called from ie.

Any ideas?

jeroenh · Accepted Answer · 2009-09-04 05:37:25Z

2

Why don't you use something like jquery to hide these browser-specific differences?

answered Sep 4, 2009 at 5:37

jeroenh

26.9k11 gold badges77 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

KJ Saxena · Accepted Answer · 2009-09-04 05:40:55Z

Use the following to get the Object correctly in IE as well as FF:

function GetXmlHttpObject()
{
  if (window.XMLHttpRequest)
  {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    return new XMLHttpRequest();
  }

  if (window.ActiveXObject)
  {
    // code for IE6, IE5
    return new ActiveXObject("Microsoft.XMLHTTP");
  }

  return null;
}

And use the function:

xmlhttp=GetXmlHttpObject();

EDIT: On second thoughts, you may be getting the object correctly (although you have not mentioned your GetXmlHttpObject() function - which is why I am leaving my above answer around.

But you are calling xmlhttp.send(null) while the method you mention is POST. Are you sending an empty request to the server? If not, then either add the variables to be sent via POST in .send() or change the method to GET and put your variables in the url.

bobince · Accepted Answer · 2009-09-04 09:31:16Z

1

xmlHttp.open("POST",url,true);
xmlHttp.send(null);

send(null) is questionable, this might be what's wrong.

You can say send('') to send an empty body, or omit the parameter completely (send()), but including a null parameter is not specified by the XMLHttpRequest interface.

For a POST request it would be usual to send the form-encoded (a=b&x=y) string as the request body, rather than including it in the query string.

(Because adding a rating is a state-changing action, you definitely should be using POST and not GET.)

answered Sep 4, 2009 at 9:31

bobince

538k111 gold badges675 silver badges846 bronze badges

Comments

Marius · Accepted Answer · 2009-09-04 05:12:03Z

0

How do you create your XMLHTTPRequest object? Remember that it needs to be done differently in IE than in Firefox.

answered Sep 4, 2009 at 5:12

Marius

59.2k35 gold badges137 silver badges151 bronze badges

Comments

tacodebacle · Accepted Answer · 2009-09-04 05:46:12Z

0

Shoot, it was a problem in my php file. I was using a different user in ie versus in ff so I didn't catch it at first. Actually, there were two problems involved and one of them was solved by changing back to GET. (I changed to POST originally because it was offered as a solution to ie ajax problems in other questions).

answered Sep 4, 2009 at 5:46

tacodebacle

Collectives™ on Stack Overflow

AJAX call to php file doesnt work in ie8

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related