[AJAX] Mislukte request in IE 5.5

[RickvanHaas]

Ik gebruik op mijn site 2 typen xmlhttp-requests: eentje verstuurt de boel als GET-variabele, de andere als POST. In het geval van GET is er geen enkel probleem, maar bij de POST-versie treden er in IE 5.5 problemen op. Onderstaand script geeft dan de foutmelding" 'XMLHttpRequest' is niet gedefinieerd".

code:

<script type="text/javascript">

function save_data(e) {     

        
    var name =       document.getElementById('mailinglist_name').value;
    var email =         document.getElementById('mailinglist_email').value;


    if(name == '')
    {
        alert ('Vergeet je naam niet in te vullen!');   
    }
    else if(email == '')
    {
        alert ('Vergeet je e-mail niet in te vullen!'); 
    }
    else
    {
        var xmlHttp = new XMLHttpRequest();
    
        xmlHttp.open("POST", 'ajax/save_data.php', true);
    
        xmlHttp.onreadystatechange = function()
        {   
            if(xmlHttp.readyState==4){          
                document.getElementById('response').innerHTML = xmlHttp.responseText;       
                
            }   
        }   
        
        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
        xmlHttp.send('name=' + name + '&email=' + email  ); 
    }
}

</script>

Hebben jullie wellicht suggesties hoe dit te fixen is?

[dominic]

Gebruik voor IE altijd

code:

var req = new ActiveXObject("Microsoft.XMLHTTP");

[Snake]

Tuurlijk, al eens gegoogled op IE5.5+xmlhttprequest.

[posttoast]

Beetje offtopic: ik vind het bewonderenswaardig dat je je best doet om je site helemaal functioneel te laten zijn onder IE 5.5, maar hoeveel mensen gebruiken die browser nog? Ik ben IE 6 al (gracefully, functioneel moet het nog wel werken) aan het uitfaseren...

[Bitage]

Gebruik deze code om cross-browser AJAX requests te kunnen maken:

JavaScript:

function ajax()
  {
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }

  // xmlHttp is nu je AJAX-var
  
  }

Maar natuurlijk had je zelf al gegoogled

[ Voor 3% gewijzigd door Bitage op 17-04-2008 20:45 ]

[BCC]

Bitage schreef op donderdag 17 april 2008 @ 20:44:
Gebruik deze code om cross-browser AJAX requests te kunnen maken:

Of gebruik prototype.

[RickvanHaas]

Werkt inderdaad perfect. Dank je!

[crisp]

En nu gewoon netjes:

JavaScript:

if (!window.XMLHttpRequest)
{
    window.XMLHttpRequest = function()
    {
        // http://blogs.msdn.com/xmlteam/archive/2006/10/23/using-the-right-version-of-msxml-in-internet-explorer.aspx
        var types = [
            'MSXML2.XMLHTTP.6.0',
            'MSXML2.XMLHTTP.3.0'
        ];

        for (var i = 0; i < types.length; i++)
        {
            try
            {
                return new ActiveXObject(types[i]);
            }
            catch(e) {}
        }

        return undefined;
    }
}

en je hoeft de rest van je code niet aan te passen omdat new XMLHttpRequest(); nu ook in IE < 7 werkt

[Creepy]

En ook alsnog een move naar Webdesign, Markup & Clientside Scripting