Ajax ne fonctionne pas correctement dans Chrome/FireFox

Question

Ce script que j'ai écrit fonctionne parfaitement sur IE! Il fonctionne sur Chrome et FireFox la première fois que vous effectuez une action, mais il échoue sur le reste.

Le script est simple. Vous pouvez ajouter ou supprimer un utilisateur et chaque fois que vous ajoutez ou supprimez un utilisateur, il met à jour la liste des mises à jour.

function Add() { 
    http_request = false; 
    cache=Math.random(); 
    var username=document.getElementById('username').value; 
    if (window.XMLHttpRequest) { // Mozilla, Safari,... 
     http_request = new XMLHttpRequest(); 
     if (http_request.overrideMimeType) { 
     http_request.overrideMimeType('text/html'); 
     } 
    } else if (window.ActiveXObject) { // IE 
     try { 
     http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch (e) { 
     try { 
      http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
     } catch (e) {} 
     } 
    } 
    if (!http_request) { 
     return false; 
    } 
    http_request.onreadystatechange=function(){ if (http_request.readyState==4 && http_request.status==200){ if (http_request.responseText=="OK"){ Update(); } else { document.getElementById('Response').innerHTML=http_request.responseText; } } } 
    http_request.open('POST', 'add.php?username='+username+'&cache='+cache, true); 
    http_request.send(null); 
} 

function Delete(username) { 
    http_request = false; 
    if (window.XMLHttpRequest) { // Mozilla, Safari,... 
     http_request = new XMLHttpRequest(); 
     if (http_request.overrideMimeType) { 
     http_request.overrideMimeType('text/html'); 
     } 
    } else if (window.ActiveXObject) { // IE 
     try { 
     http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch (e) { 
     try { 
      http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
     } catch (e) {} 
     } 
    } 
    if (!http_request) { 
     return false; 
    } 
    http_request.onreadystatechange=function(){ if (http_request.readyState==4 && http_request.status==200){ Update(); } } 
    http_request.open('POST', 'delete.php?username='+username, true); 
    http_request.send(null); 
} 

function Update() { 
    http_request = false; 
    if (window.XMLHttpRequest) { // Mozilla, Safari,... 
     http_request = new XMLHttpRequest(); 
     if (http_request.overrideMimeType) { 
     http_request.overrideMimeType('text/html'); 
     } 
    } else if (window.ActiveXObject) { // IE 
     try { 
     http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch (e) { 
     try { 
      http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
     } catch (e) {} 
     } 
    } 
    if (!http_request) { 
     return false; 
    } 
    http_request.onreadystatechange=function(){ if (http_request.readyState==4 && http_request.status==200){ document.getElementById("list").innerHTML=http_request.responseText; } } 
    http_request.open('GET', 'list.php', true); 
    http_request.send(null); 
} 

S'il vous plaît aider et je vous remercie

Answer 1

utilisation jQuery. Vous devrez écrire beaucoup moins de code et il fonctionnera dans tous les navigateurs.