Dev Faq
7
votes

Demandes AJAX avec JavaScript discret sur les listes d'éléments

Donc, je préfère vraiment utiliser JavaScript discret sur en ligne JavaScript. Je trouve qu'il est beaucoup plus facile de travailler avec.

Le problème que je continue à courir, c'est que je ne sais pas comment obtenir des données pour chaque élément spécifique que je veux travailler avec.

pour Exemple:

J'ai une liste et je génère le code HTML suivant (c'est pseudo-code ici) xxx

donc je veux joindre JavaScript à chacune de ces balises qui appellera un post Ajax, mais j'ai besoin de "ID" pour supprimer l'élément correct de l'arrière-arrière. xxx

Certaines choses que je ont essayé:

  1. Construction de la HREF et en utilisant la méthode attr pour envoyer la demande AJAX à cette URL. (Je n'aime pas vraiment cela pour les demandes postales, mais cela fonctionne.
  2. à l'aide d'un attribut rel '/ code> pour stocker les données dont j'ai besoin.
  3. Utilisation des attributs de données HTML5 . (Je ne connais pas la disponibilité de cela dans tous les navigateurs et que nous devons soutenir IE6 +, je n'aime pas vraiment l'idée en utilisant ceci.
  4. Création d'un formulaire pour chaque tag et sérialiser cela. (Cela semble être beaucoup de code supplémentaire, mais il semble aussi vraiment propre.)

    Quelles sont les meilleures pratiques pour y parvenir?

2 commentaires

Vous pouvez leur donner un identifiant. 1 , 2 , etc.

Aucun de ceux-ci n'étaient la réponse?

4 Réponses :

3
votes

Je stocke souvent ce type de données dans la balise, comme:

Méthode d'étiquette d'attribut h3> xxx pré>

puis dans jQuery fait quelque chose comme: p> 

   <div id="list">
      <a href="/link" id="post_66">Some post</a>
   </div>

3 commentaires

Belle solution mais est-ce insontalité?

@PixelBobby: Je suppose que vous utilisez id = "post-68" serait moins immobilisé. Ou peut-être data-id = "68" pour HTML5 et JQuery 1.5 + .

@Mu est trop court: Ouais, je viens de relire Wikipedia Bit pour que je comprenais la question FR. wikipedia.org/wiki/unobtrive_javascript

3
votes

Utilisez l'attribut ID pour stocker une chaîne avec l'identifiant comme: xxx

et la lecture de l'identifiant en divisant sur quelque chose comme un soulignement: < / p> xxx

1 commentaires

Vous pouvez également faire var Id = this.id.split ('_') [1]; , pas besoin de créer un objet jQuery juste pour accéder à son attribut ID .

1
votes

Vous pouvez joindre un identifiant à chaque tel que ceci "> Ensuite, lorsque vous attachez un événement à ce lien, vous pouvez trouver un identifiant via String IndexOf et utiliser la fonction Ajax associée.

0 commentaires
0
votes

Cela fait longtemps, et j'ai trouvé une solution à cela que je suis heureux. Ce n'est peut-être pas parfait, mais c'est la meilleure alternative que j'ai trouvée jusqu'à présent.

Être juste, toutes ces réponses sont correctes - elles vont bien fonctionner. C'est juste une question d'esthétique à ce stade et YMMV.

donc, dans le même pseudocode de modèles: xxx

et de jQuery qui fera Ce que je veux: xxx

i pense données Les éléments sont actuellement le meilleur moyen de savoir comment interagir avec le site Web. Cela nous permet d'utiliser les mêmes aides d'URL que nous utiliserions dans le rendu d'affichage.

0 commentaires

Articles qui pourrait vous intéresser :

 Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO