IE10 doesn't post variables in post array with Ajax calls

[omerbutt]

Hi i am working on a module and my code is working fine on all browser except when using IE10 my ajax requests does not post data inthe $_POST array here is my javascript code

var objXMLHttp;
 
function GetXmlHttpObject(){
    objXMLHttp=null;
    try{
        // Firefox, Opera 8.0+, Safari
        objXMLHttp=new XMLHttpRequest();
    }catch (e){
        // Internet Explorer
        try{
            objXMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e){
            try{
                objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e){
                jAlert('Please upgrade your browser','<span>No AJAX Support</span>');
                return false;
            }
        }
    }
    return objXMLHttp;
}
var xmlCheckoutExb;
    function checkout_exhibitor(){
        var str=getFormsExb();
        str=str+'&num='+Math.floor(Math.random()*1);
        var url=base_url+"exhibitor/save_conference_registration";
        xmlCheckoutExb=GetXmlHttpObject();
        if(xmlCheckoutExb==null){
            alert("Please upgrade your browser");
            return;
        }else{
            xmlCheckoutExb.onreadystatechange=$checkout_exhibitor;
            xmlCheckoutExb.open("POST",url,true);
            xmlCheckoutExb.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
            xmlCheckoutExb.setRequestHeader("Content-length", str.length.toString());
            xmlCheckoutExb.setRequestHeader("Connection", "close");
            xmlCheckoutExb.send(str);
        }
    }
    function $checkout_exhibitor(){
        if(xmlCheckoutExb.readyState==4){
            alert('4');
            if(xmlCheckoutExb.status==200){
                alert('200');
                var responses=xmlCheckoutExb.responseText.split("|");
                var switching_option='';
 
                var str            =    responses[1];
                var status        =    responses[0];
                var insert_id    =    responses[2];
 
                 switching_option=jQuery("#payment_optins_div :checked").val();
 
                if(status=="Done"){
                    if(switching_option=='paypal'){
                        location.replace("https://www.sandbox.paypal.com/cgi-bin/webscr"+"?"+str);
                    }else{
                        /*TOUQEER USE THIS PORTION*/
                        window.location = base_url+"exhibitor/order_pdf/"+insert_id;
                    }
                }else{
                    alert(xmlCheckoutExb.responseText);
                }
            }
        }
    }
    function getFormsExb(){
        var fobj=document.forms["registration"];
        var str="";
        var cmd="";
        var val="";
 
        for(var i=0; i<=fobj.elements.length-1;i++){
            switch(fobj.elements[i].type){
                case "text":
                        if(fobj.elements[i].value!=''){
                        str += fobj.elements[i].id + "=" + fobj.elements[i].value + "&";
                        }
                break;
 
                case "hidden":
                    str += fobj.elements[i].id + "=" + fobj.elements[i].value + "&";
                break;
 
                case "radio":
                    if(fobj.elements[i].checked){
                        str += fobj.elements[i].id + "=" + fobj.elements[i].value+ "&";
                    }
                break;
 
                case "checkbox":
                    if(fobj.elements[i].checked){
                        str += fobj.elements[i].name + "=" + fobj.elements[i].value+ "&";
                    }
                break;
                case "textarea":
                    if(fobj.elements[i].value!=''){
                        str += fobj.elements[i].name + "=" + fobj.elements[i].value + "&";
                    }
                break;
            }
        }
        str = str.substr(0,(str.length - 1));
        return encodeURI(str);
    }
 

when i alert the post array on the php page which i am calling in the ajax call it simply shows empty array , can any one help.
regards,
Omer Aslam

[Dormilich]

have you checked, whether the data are in any of the other superglobal arrays ($_GET, $_REQUEST, etc.)?

I’m not sure about IE10’s dev tools, but maybe you can find anything there about the issued network traffic.

[omerbutt]

yes i have checked it if turn the request to GET and pass null in xmlRequestObjec t.send() then the data is passed into the GET array and is visible, i used the developer tools but it didnt showed any error through which i cold backtrack the problem there are several people facing the issue when i googled it
regards,
Omer Aslam

[Dormilich]

have you changed the Content-Type header for the POST request accordingly?

I meant the dev tools to check, what exactly you send an receive.

[omerbutt]

i collect all the fields via javascript using

getFormsExb() 
 

which returns a concatenated string of the field's values and names which is then sent to the php page via AJAX call using method POST and passing the string in xmlHttp.send(st r);
when i start monitoring the traffic on the IE dev tool it shows me nothing in the request body although i try to alert the string that is about to be posted via ajax and it has all the values available , i temporarily changed the method from POST to get and changed the php code to GET to make it work but POST isnt working yet still trying to figure out
here is the detail for the network capturing tab
REQUEST HEADERS

Key Value
Request POST /content/save_conference _registration HTTP/1.1
Accept */*
Content-Type application/x-www-form-urlencoded; charset=UTF-8
Referer http://www.wcpa.nxb/content/annual_conference
Accept-Language en-US
Accept-Encoding gzip, deflate
User-Agent Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; Trident/6.0)
Host www.wcpa.nxb
Content-Length 0
DNT 1
Connection Keep-Alive
Cache-Control no-cache
Cookie PHPSESSID=7r19l 8de9elbdmqmm9su 6dquu6

REQUEST BODY

NO DATA TO VIEW

RESPONSE HEADERS

Key Value
Response HTTP/1.1 200 OK
Date Wed, 17 Apr 2013 08:29:14 GMT
Server Apache/2.2.21 (Win32) mod_ssl/2.2.21 OpenSSL/1.0.0e PHP/5.3.8 mod_perl/2.0.4 Perl/v5.10.1
X-Powered-By PHP/5.3.8
Expires Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma no-cache
Content-Length 10
Keep-Alive timeout=5, max=82
Connection Keep-Alive
Content-Type text/html

RESPONSE BODY

Array
(
)

INITIATOR

Property Value
Stage Document Processing
Element XMLHttpRequest
Action Processing
Document ID 0
Frame ID 0
Frame URL http://www.wcpa.nxb/content/annual_conference

[Dormilich]

when i start monitoring the traffic on the IE dev tool it shows me nothing in the request body although i try to alert the string that is about to be posted via ajax and it has all the values available

at least we know now that the problem is not withing PHP, but within IE.

[Dormilich]

interseting read: sending AJAX with form data directly (https://developer.mozilla.org/en-US/...rmData_Objects)

[omerbutt]

sorry dormilich but i could not get anything here that could help me out still wandering around and not getting to the real cause....changi ng everthing to GET starts working but not with POST.
regards,
Omer Aslam

[omerbutt]

aah i figured out the main part which had the problem it was the main function through which i was generating the new xmlHtttpObject

function GetXmlHttpObject(){
 objXMLHttp=null;
    try{
        // Firefox, Opera 8.0+, Safari
        objXMLHttp=new XMLHttpRequest();
    }catch (e){
        // Internet Explorer
        try{
            objXMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e){
            try{
                objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e){
                jAlert('Please upgrade your browser','<span>No AJAX Support</span>');
                return false;
            }
        }
    }
    return objXMLHttp;
}
 

i replaced this old style try catch to the following

function GetXmlHttpObject(){
    var activexmodes=["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
    if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
        for (var i=0; i<activexmodes.length; i++){
            try{
                return new ActiveXObject(activexmodes[i])
            }
            catch(e){
            //suppress error
            }
        }
    }else if (window.XMLHttpRequest) // if Mozilla, Safari etc
        return new XMLHttpRequest()
    else
        return false
}
 

and everything started working perfect :D, i still cant figure out after comparing the 2 methods that what could be the thing that was causing not to pass the data through POST method.
regards,
Omer Aslam

[Dormilich]

i still cant figure out after comparing the 2 methods that what could be the thing that was causing not to pass the data through POST method.

then the first question would be, which object (ActiveX, XHR) your browser did use. And we all know that an implemented object does not necessarily be error free.