Pourquoi est-ce XMLHttpRequest échantillon de Mozilla ne fonctionne pas dans Firefox 3?

Je vais essayer d'obtenir le code d'exemple de Mozilla, qui consomme un service web REST fonctionne sous Firefox 3.0.10. Le code suivant ne fonctionne PAS dans Firefox, mais le fait dans IE 8!

Pourquoi ça ne marche pas?
Ne IE 8 du support de XMLHttpRequest? La plupart des exemples que j'ai vu utiliser l'ActiveX
l'allocation. Que dois-je faire? XMLHttpRequest semble de plus en plus standardisés.

Exemple:

var req = new XMLHttpRequest();
req.open('GET', 'http://localhost/myRESTfulService/resource', false);    //throws 'undefined' exception
req.send(null);
if(req.status == 0)
  dump(req.responseText);

L'instruction open est en train de lancer une exception avec la description "indéfini". C'est étrange comme j'alloue la req objet, suis en cours d'exécution dans Firefox, et vérifié pour s'assurer qu'il est défini avant l'appel à open (dont il dit qu'elle est de type 'object').

J'ai aussi essayé la version asynchrone de ce avec pas de chance.

EDIT 2: ci-Dessous est mon plus récent code:

function createRequestObject() {
if( window.XMLHttpRequest ) {
return new XMLHttpRequest();
}
else if( window.ActiveXObject ) {
return new ActiveXObject( "Microsoft.XMLHTTP" );
}
return null;
}
function handleResponse( req ) {
document.writeln( "Handling response..." );   //NEVER GETS CALLED
if( req.readyState == 0 ) {
document.writeln( "UNITIALIZED" );
}
else if( req.readyState == 1 ) {
document.writeln( "LOADING" );
}
else if( req.readyState == 2 ) {
document.writeln( "LOADED" );
}
else if( req.readyState == 3 ) {
document.writeln( "INTERACTIVE" ); 
}
else if( req.readyState == 4 ) {
document.writeln( "COMPLETE" );
if( req.status == 200 ) {
document.writeln( "SUCCESS" );
}
}
}
document.writeln( "" );
var req = createRequestObject();
try {
document.writeln( "Opening service..." );
req.onreadystatechange = function() { handleResponse( req ); };
req.open('POST', 'http://localhost/test/test2.txt', true);  //WORKS IN IE8 & NOT FIREFOX
document.writeln( "Sending service request..." );
req.send('');
document.writeln( "Done" );
}
catch( err ) {
document.writeln( "ERROR: " + err.description );
}

EDIT 3: Bien, j'ai retravaillé ce en jQuery. jQuery fonctionne très bien sous IE, mais il jette 'Undefined' lors de l'exécution à partir de Firefox. Je double cochée et la case "Activer JavaScript" est activé dans Firefox semble bien fonctionner dans toutes les autres pages web. Ci-dessous est le code jQuery:

function handleResponse( resp ) {
alert( "Name: " + resp.Name );
alert( "URL: " + resp.URL );
}
$(document).ready( function() {
$("a").click( function(event) {
try {
$.get( "http://localhost/services/ezekielservices/configservice/ezekielservices.svc/test", 
"{}",
function(data) { handleResponse( data ); },
"json" );
} 
catch( err ) {
alert("'$.get' threw an exception: " + err.description);
}
event.preventDefault();
});
} );    //End 'ready' check

Résumé de la Solution:

Bien, web leçon 101. Mon problème a été en effet inter-domaine. Je consulte mon site inédits (seulement sur le système de fichiers), qui a touché un service publiées. Quand j'ai publié mon site dans le même domaine, il a travaillé.

Qui soulève aussi une distinction importante entre IE et Firefox. Quand IE expériences de ce scénario, il demande à l'utilisateur de décider s'ils acceptent ou non la croix-domaine d'appel. Firefox lance une exception. Alors que je suis à l'aise avec une exception, un plus descriptif aurait été utile.

Merci pour tous ceux qui m'ont aidé.

j'ai utilisé votre nouveau "légèrement modifié" code sur mon serveur. il fonctionne dans firefox 3. regarde ça: dogself.com/telluriumTest/test.htm j'ai seulement ajouté un meilleur système de connexion et de supprimer cette horrible document.écrire de la merde.

InformationsquelleAutor Jordan Parmer | 2009-05-27

4

à moins que " http://www.mozilla.org/ ' est le domaine à partir duquel cette demande émane, cette habitude de travail en raison de la même origine

edit:
Ok, un bon état est de 200, pas 0.

voir http://dogself.com/telluriumTest/ et cliquez sur "stackoverflow test". sa à l'aide de votre code et de travail.

spécifiquement ce code:
```
function test(){
var req = new XMLHttpRequest();
req.open('GET', 'index2.htm', false);    
req.send(null);
if(req.status == 200)
alert("got some stuff back:"+req.responseText);
}
```
- Ok, je vois ce que vous dites. J'ai essayé de frapper un fichier local un local de service web, et ça ne fonctionne pas non plus. Il travaille dans IE8 localement, mais ne parvient pas dans Firefox.
- vérifier mon dernier edit. votre code est de travailler pour moi
- de toute façon, pourquoi ne pas vous enregistrer vous-même quelques heures de maux de tête et utiliser jquery?
- Bonne question. Je suis nouveau développement JavaScript. N'jQuery rendre cela plus facile?
- oui, si vous utilisez jquery tout va fonctionner. découvrez le tutoriel pour l'utilisation de l'ajax OBTENIR: docs.jquery.com/Ajax/jQuery.get#urldatacallbacktype
- ok, j'ai vu ton code modifié. je l'ai copié dans mon domaine avec de très légères modifications. il fonctionne dans firefox 3. si cela ne fonctionne pas pour vous, alors votre firefox 3 est cassé. regarde ça: dogself.com/telluriumTest/test.htm laissez-moi savoir si ça ne marche pas encore.
- L'homme, c'est étrange. J'ai essayé votre code. Il fonctionne lorsque je l'ai vue dans Firefox à partir de la votre site. Si je prends localement et changer le nom du fichier à un fichier hébergé sur localhost, il ne fonctionne que sous IE, et renvoie 'undefined' dans Firefox.
- BTW, il échoue sur d'autres machines...(dans Firefox et pas IE8).
- je sais quel est le problème avec votre code.. vous devez avoir d'autres code, c'est la rupture de cette. avez-vous essayé un minimum de cas de test avec JUSTE le code ci-dessus? si ce cas de test fonctionne, ralentit commencer à ajouter votre code jusqu'à ce qu'il brise etc.
- Eh bien, j'ai essayé de lancer le fichier HTML simple vous mettez ensemble et il a échoué. Par exemple, si je prends votre code, changez le 'POST' pour un 'GET', il renvoie le contenu du fichier htm dans IE. Si j'exécute exactement la même chose dans Firefox, il erreurs.
- vous devriez essayer de créer un nouveau profil firefox à l'aide de cette info: kb.mozillazine.org/Profile_Manager et essayer il. c'est à peu près aussi proche que vous pouvez obtenir à la réinstallation de firefox sans le faire. D'autre part, si vous pouvez l'exécuter sur mon site, mais pas localement, peut-être que le problème n'est pas avec votre firefox, mais quelque chose d'autre.
- Je vais essayer sur mon ordinateur à la maison et voir si j'ai toujours le problème.
- Vous êtes la première suggestion était correcte. C'était un problème de domaines et comment firefox gère ces types d'erreurs. Voir mon résumé dans l'OP.
InformationsquelleAutor mkoryak
2

ne pas utiliser onreadystatechange lors de l'envoi synchrone demande ("faux"), mettre le gestionnaire à droite après le send() de la fonction. Il semble que FF ne pas exécuter la onreadystatechange fonction si la demande est synchrone.

http://support.mozilla.com/tiki-view_forum_thread.php?locale=ca&comments_parentId=124952&forumId=1

InformationsquelleAutor sendfreesms

Je recommande fortement le asynchrones façon de le faire, une fonction coup d'envoi de la demande et une autre fonction gère la réponse.

function makeRequest() 
{
var httpRequest;
if (window.XMLHttpRequest) //firefox etc 
{
httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { //ie
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
httpRequest.onreadystatechange = function(){handleResponse(httpRequest)};
httpRequest.open('POST','http://localhost/test/test2.txt',true);
httpRequest.send('');
}
function handleResponse(request)
{
if(request.readyState == 4) {
if(request.status == 200) {
//handling code here
//request.responseText is the string returned
}
}
}

C'est le format de base pour les appels ajax nous utilisons où je travaille, cela devrait fonctionner de la même chose pour Firefox, IE et Safari.

Note de côté: avez-vous des firebug? son une grande ressource pour le dépannage de javascript.

EDIT:
Essayez ce code à la place:

<html>
<head>
<script>
function out(outStr) //cheap and dirty output function
{
document.getElementById("out").innerHTML += "<br>" + outStr;
}
function handleResponse(req) {
if( req.readyState == 0 ) {
out("UNITIALIZED");
}
else if( req.readyState == 1 ) {
out("LOADING");
}
else if( req.readyState == 2 ) {
out("LOADED");
}
else if( req.readyState == 3 ) {
out("INTERACTIVE"); 
}
else if( req.readyState == 4 ) {
out("COMPLETE");
if( req.status == 200 ) {
out(req.responseText);
}
}
}
function createRequestObject() {
var req = null  
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
return req;
}
function makeRequest()
{
var req = createRequestObject();
try {
out("Opening service...");
req.onreadystatechange = function() { handleResponse( req ); };
req.open('POST', 'http://localhost/test/test2.txt', true);  //WORKS IN IE8 & NOT FIREFOX
out("Sending service request...");
req.send('');
out("Done");
}
catch( err ) {
out("ERROR: " + err.description);
}
}
</script>
</head>
<body>
<div onclick="makeRequest();">test<br></div>
<div id="out">Output Here</div>
</body>
</html>

point: http://localhost/test/test2.txt à un fichier existant sur votre serveur.

Vous ne savez pas exactement ce qui ne va pas avec votre code, mais il est écrit à droite du document, qui semble être en arrosant tout le code déjà écrit. dans cette version, je suis en train d'écrire à un div à la place.

J'ai essayé ce code exact. Fonctionne comme un champion dans IE mais pas avec Firefox. Je vais utiliser Firebug réel rapide et voir ce qui se passe...
Voir mon dernier code ci-dessus...
C'est TRÈS bizarre. Mise à jour de votre code fonctionne très bien sous IE 8, mais je reçois le message "ERREUR: undefined" dans Firefox. J'ai essayé ma solution originale mais modifiée pour utiliser jQuery à la place ($.get). Le jQuery fonctionne sous IE mais jette un non défini erreur dans Firefox...c'est effrayant.
BTW, il échoue sur d'autres machines...(dans Firefox et pas IE8).

InformationsquelleAutor Jim Ford

1

pas sûr de ce qui se passe ici, mais je voulais juste que vous sachiez tous que quelqu'un de la documentation de Mozilla est de regarder ce afin d'être prêt à ajuster les docs si elle s'avère nécessaire, une fois que c'est compris.
- Génial! Rien pour aider à la diffusion de la fox. Êtes-vous en mesure de reproduire le problème?
- Il fonctionne très bien dans les nightly build de Firefox 3.5, je suis en cours d'exécution ici.
- Il travaille aussi bien pour moi dans Firefox 3.0.3 (la dernière version 3.0.x j'ai sous la main, sans faire une mise à niveau).
- Je vais essayer sur mon ordinateur à la maison et voir si j'ai toujours le problème.
- Pensé à elle...voir mon résumé dans le post original. C'était la manière dont Firefox poignées cross-domain questions.
InformationsquelleAutor
1

Même, j'ai eu le même problème et c'était stupide erreur qui nous ne nous concentrons pas sur
le code marchait très bien sous IE, mais a eu des problèmes dans Chrome et Firefox

Initilly nous avons utilisé Type="submit" au lieu de type="button" bien que le nous n'avons pas eu de problèmes de fonctionnalités comme la mise à jour de la table, mais nous avons été faire HTTP: error 0 dans la boîte d'alerte lorsque j'ai alerté req.responseText
En utilisant le code ci-dessous résolu mon problème
```
input type="button" name="btnEdit5" id="btnEdit5" value="Confirm" onClick="show_confirm()" 
```
InformationsquelleAutor Dily
0

Je suis tombé sur le même problème. La raison que IE fonctionne et pas les autres navigateurs est parce que IE vous permet d'ouvrir le fichier avec une URL du genre "C:\xampp\htdocs\project3\project3.html" les Autres navigateurs vont changer pour une URL de la forme "file:///C:/xampp/htdocs/project3/project3.html". Étant donné que le domaine de la fichier PHP doit être le même que le domaine de la fichier javascript IE fonctionne, mais les autres navigateurs ne le font pas. Assurez-vous que vous utilisez une URL de la forme "http://localhost/project3/project3.html". Veuillez noter que l'utilisation de localhost. Assurez-vous également que dans le javascript de votre appel que vous appelez le fichier PHP par le biais de localhost.

InformationsquelleAutor Boundless
0

Autres que toutes les erreurs évidentes sur le côté client, la principale raison pour cela est que gecko le moteur de recherche le Access-Control-Allow-Origin dans l'en-tête de la servlet. Si elle ne le trouve pas, il va interrompre la communication et vous obtenez un status=0 et statusText=null. Aussi, le moz-nullprincipal en erreur d'analyse xml. Tout ça est très trompeur. Tous vous avez besoin pour résoudre ce problème est:
```
response.setHeader("Access-Control-Allow-Origin","*");
```
Dans le code de la servlet et la vie sera bonne 🙂

InformationsquelleAutor mozandy

Remplacer la ligne

req.open('POST', 'http://localhost/test/test2.txt', true); //WORKS IN IE8 & NOT FIREFOX

avec

req.open('GET', 'http://localhost/test/test2.txt', true); //WORKS IN IE8 & NOT FIREFOX

InformationsquelleAutor Aleksandar

Vous devez vous connecter pour publier un commentaire.