Javascript Girl
  1. Javascript Girl
  3. JQuery / AJAX – Chargez le contenu dans un div lorsque le bouton a cliqué?
Intereting Posts
Trouver un mot spécifique et envelopper avec une étiquette d'extension Existe-t-il un opérateur logique dans Javascript? Comment dessiner le graphique à l'aide de deux valeurs x et y d'entrée à l'aide de la bibliothèque js? Javascript: setTimeout Fermeture à l'intérieur imbriqué (double) pour les boucles Comment créer des thèmes modifiables à l'aide de css et javascript Passer des données entre javascript et une applet java Quelle est la meilleure façon de télécharger un dossier sur un site Web? Lorsque vous utilisez les références Cognito avec AWS dans un navigateur (javascript), continuez à obtenir l'erreur "manque d'informations" Envoyer une notification de javascript dans UIWebView à ObjectiveC Exporter le dessin KinteticJS vers SVG? Javascript – Supprime rapidement les doublons dans le tableau des objets Détectez si un événement de défilement est déclenché manuellement dans jQuery JS utilise-t-il des E / S non bloquantes au niveau OS pour prendre en charge AJAX? Écart croissant entre les noeuds de mon arborescence D3 Les locals peuvent-ils être injectés dans un ensemble de contrôleurs avec ng-controller?

JQuery / AJAX – Chargez le contenu dans un div lorsque le bouton a cliqué?

Quelqu'un pourrait-il aider ici s'il vous plaît?

Je voudrais remplir un div par exemple 

<div id="contenthere"></div>

Avec un contenu d'un fichier externe, par exemple 

 /includes/about-info.html

Lorsqu'un bouton avec une certaine classe est cliqué, par exemple 

 <p class="classloader">Click Here</p>

Quelqu'un at-il un exemple de code rapide, ils peuvent me montrer s'il vous plaît pour ce faire?

Merci beaucoup.

Utilisez jQuery.click et jQuery.load : 

 $(document).ready(function(){ $('.classloader.').click(function(){ $('#contenthere').load('/includes/about-info.html'); }); })

Vous pouvez vous abonner à l' .click() du paragraphe, puis utiliser la fonction .load() pour envoyer une requête AJAX à l'URL donnée et injecter les résultats dans le sélecteur spécifié: 

 $(function() { $('.classloader').click(function() { $('#contenthere').load('/includes/about-info.html'); return false; }); });

Chargez la dernière version de jQuery: 

 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Code jQuery: 

 <script language="javascript"> $(function(){ $(".classloader").click(function(){ $("#contenthere").load("/includes/about-info.html"); }); }); </script> </script>

Code HTML: 

 <p class="classloader">Click Here</p> <div id="contenthere"></div>

Essayez ce qui suit: 

 var myurl = 'myfileonthesamedomain.html'; $('button').click(function(){ $('div.loadme').load(myurl); });