Ajax ne fonctionne pas sur un navigateur mobile

Juste une pensée, avez-vous essayé d'emballage de votre appel ajax dans un événement de chargement. Je n'ai pas testé cela sur un navigateur mobile. Toutefois essayer.

<script type="text/javascript">
    $(function () {
        $.ajax({
            type: 'GET',
            url: 'http://www.e-grid.net/BayAreaTech/wp-rss2.php?cat=1',
            dataType: 'xml',
            success: function (xml) {
                $(xml).find("item").each(function () {
                    var title = $(this).find("title").text();
                    var description = $(this).find("description").text();
                    var linkUrl = $(this).find("link").text();
                    var link = "<a href='" + linkUrl + "' target='_blank'>Read More<a>";
                    $('#feedContainer').append('<h3>' + title + '</h3><p>' + description + link + '</p>');
                });
            }
        });
    });
</script>

Noter que la seule modification a été l' $(function() { }); emballage.

EDIT: Testé sur OSX.

Juste un petit pour info j'ai testé votre page sur un IPhone 5s sur OSX et il y a définitivement de la Croix-site origine des problèmes.

L'erreur est

XMLHttpRequest cannot load http://www.e-grid.net/BayAreaTech/wp-rss2.php?cat=1 Origin. xxxx is not allowed by Access-Control-Allow-Origin.

Maintenant, c'est l'erreur qui est à venir à partir de l'IPhone en utilisant le web Safari inspecteur. De plus, lorsque ce fichier n'était pas hébergé sur un serveur web et exécuter en tant qu'un fichier HTML simple de la demande fonctionne très bien. Sa dès que vous hébergez le fichier dans un serveur web, vous obtiendrez la question de la SCRO.

Pour résoudre ce problème, vous devrez contacter le webmaster de et permettre de la croix-origine du site, passez à un autre mode de récupération de la question. Il existe d'autres méthodes pour essayer de l'obtenir autour de la SCRO questions.

Désolé si ce n'est pas très utile.

FINAL EDIT: Le problème réel.

Ok de ce que je peux dire que le problème est entièrement codé url http://www.e-grid.net/BayAreaTech/wp-rss2.php?cat=1 dans votre script. Comme vous êtes sur le même serveur sur le même hôte, je vous recommande d'utiliser une url relative, comme

/BayAreaTech/wp-rss2.le php?cat=1

La raison pour cela est si vous êtes à la navigation sans les www. dans votre navigateur (ou périphérique), puis le script pense que c'est d'appeler un autre service de l'Url fait de match. Cependant, comme vous êtes l'hôte de ce service sur le même serveur, vous pouvez éliminer le http://www. partie et cela devrait fonctionner.

Pour tester cela, ouvrez votre navigateur de bureau.

http://www.e-grid.net/mobile/index.html

Lorsque vous faites cela tous fonctionne bien. Essayez maintenant. (remarque sans les WWW). Cela ne fonctionne pas comme vous êtes maintenant en exécution de la croix de domaine (comme vous l'avez codé en dur la partie www. partie dans l'url.

http://e-grid.net/mobile/index.html

Donner à ceci un essai et laissez-moi savoir comment ça se passe.

Essayer le bloc de script suivant.

<script type="text/javascript">
    $(function () {
        $.ajax({
            type: 'GET',
            url: '/BayAreaTech/wp-rss2.php?cat=1',
            dataType: 'xml',
            success: function (xml) {
                $(xml).find("item").each(function () {
                    var title = $(this).find("title").text();
                    var description = $(this).find("description").text();
                    var linkUrl = $(this).find("link").text();
                    var link = "<a href='" + linkUrl + "' target='_blank'>Read More<a>";
                    $('#feedContainer').append('<h3>' + title + '</h3><p>' + description + link + '</p>');
                });
            }
        });
    });
</script>

OriginalL'auteur Nico