L'abandon de jQuery().load()

La .load() fonction de la jQuery bibliothèque vous permet sélectivement les éléments de la charge à partir d'une autre page (sous réserve de certaines règles). Je voudrais savoir si il est possible de abandonner le processus de chargement.

Dans notre application, l'utilisateur peut parcourir une liste d'éléments. Ils peuvent choisir de cliquer sur un bouton qui se charge et affiche des informations supplémentaires sur un élément à partir d'un autre document (qui peut prendre un certain temps). S'ils choisissent un autre élément dans la liste, tandis qu'un .load() est encore en cours, je voudrais que le chargement est alors annulée.

Est-ce possible? Est-il encore la peine? Des idées?

Dan

InformationsquelleAutor Daniel Situnayake | 2010-06-09
  1. 36

    Vous ne pouvez pas faire cela avec .load() directement, car elle renvoie à l'objet jQuery pour le chaînage, mais si vous passez à la full $.ajax() appel avec .html() vous pouvez, comme ceci:

    var xhr = $.ajax({
            url: 'mypage.htm',
            success: function(data) {
              $("#myElement").html(data);
            }
          });
//if needed, abort the request later..
xhr.abort();

    Il utilise le .abort() de la méthode sur l'objet XMLHttpRequest à abandonner le chargement.

    • Parfait réponse; merci.
    InformationsquelleAutor Nick Craver
  2. 8

    Nick a répondu à peu près ce dont j'avais besoin, mais pas tout à fait. J'ai été en utilisant .load() pour charger uniquement une image à partir d'une page. Ainsi, l'expansion sur de Nick réponse...

    Ainsi, au lieu de...

    $('#myElement').load('mypage.htm #myImage');

    Je suis maintenant à l'aide de...

    var xhr = $.ajax({
            url: 'mypage.htm',
            success: function(data) {
              $("#myElement").html($(data).find("#myImage"));
            }
          });
//if needed, abort the request later..
xhr.abort();
    • cela ne marche pas pour moi...je pense que le problème est la .trouver...existe-il d'autres options que je peux explorer pour s'emparer d'un spécifique div...sans aide .charge
    • le $.ajax de données de retour pour vous?
    • oui il le fait si je n'ai tout simplement $("#myElement").html(data)...mais quand j'ajoute le .trouver...rien n'est retourné et je suis sûr que l'appel a été couronnée de succès.
    • Il sonne comme le HTML retourné n'est pas l'élément que vous recherchez. data doit contenir le code HTML de mypage.htm. $(data).find("#myImage") est à la recherche que le HTML pour l'élément avec l'id myImage.
    • Je sous-évaluées (données) à l'écran et il contient la page que j'ai besoin...mais le .trouver semble pas en mesure de trouver l'id de la page. J'ai $("#google_books_result").html($(données).find("#google_books_resp"); et de la div <div id="google_books_resp">quelque chose</div>
    InformationsquelleAutor Homer
  3. 1

    Vous pouvez le faire en utilisant jQuery.ajax manuellement. Il sera de retour une XMLHttpRequest objet, que vous pouvez appeler abort en cas de besoin. Dans le gestionnaire de succès, vous pouvez utiliser jQuery.html

    InformationsquelleAutor Matthew Flaschen
  4. 1
    $("#myElement").load("/mypage #mayImage", function(response, status, xhr) {
  if (status == "error") {
     xhr.abort();
  }
});

    Devrait fonctionner comme ça ..

    ou sur un autre événement, j'ai envoyer une vérification sur une longue champ, l'utilisateur de modifier le contenu, je veux arrêter de la vérification précédente de re-vérifier: 

    xhr.abort();

$("#myElement").load("/mypage #mayImage", function(response, status, xhr) {
  if (status == "error") {
    xhr.abort();
  }
});
    InformationsquelleAutor Lucile