Comment appeler des données avec jquery (5 méthodes)

jQuery est une bibliothèque JavaScript populaire largement utilisée dans le développement Web front-end. Dans le processus de développement Web, il est souvent nécessaire de demander des données en arrière-plan via la technologie Ajax et d'afficher dynamiquement les données renvoyées sur la page. Par conséquent, maîtriser la manière d'appeler des données avec jQuery est une compétence essentielle pour les développeurs. Cet article présentera comment jQuery appelle les données.

1. Utilisation de la méthode Ajax de jQuery

jQuery fournit une méthode Ajax pratique pour envoyer des requêtes au serveur et obtenir des données. La méthode est $.ajax(), qui accepte un objet contenant des paramètres de requête comme paramètre. Voici un exemple simple :

$.ajax({
  url: 'some.php',
  type: 'POST',
  data: {name: 'John', age: 30},
  success: function(response) {
    console.log(response);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus);
  }
});

Dans le code ci-dessus, url représente l'adresse demandée, type représente la méthode de requête (GET ou POST), data représente les données demandées, success représente la fonction de rappel une fois la requête réussie et error représente l'échec de la demande. La fonction de rappel après.

2. Utilisez les méthodes get et post de jQuery

En plus de la méthode $.ajax(), jQuery fournit également les méthodes get() et post(), qui peuvent faciliter l'envoi de requêtes GET et POST. Voici un exemple de requête GET :

$.get('some.php', function(response) {
  console.log(response);
});

Dans le code ci-dessus, la méthode $.get() reçoit deux paramètres. Le premier paramètre est l'adresse demandée et le deuxième paramètre est la fonction de rappel après succès.

Ce qui suit est un exemple de requête POST :

$.post('some.php', {name: 'John', age: 30}, function(response) {
  console.log(response);
});

Dans le code ci-dessus, la méthode $.post() reçoit trois paramètres. Le premier paramètre est l'adresse demandée, le deuxième paramètre est les données demandées et le troisième. paramètre Est la fonction de rappel après le succès.

3. Utilisez la méthode de chargement de jQuery

La méthode load() de jQuery peut charger les données du serveur et intégrer le code HTML renvoyé dans l'élément spécifié. Voici un exemple simple :

$('#result').load('some.txt');

Dans le code ci-dessus, la méthode load() reçoit un paramètre, indiquant l'adresse demandée, et le HTML renvoyé remplacera le contenu HTML par l'identifiant de l'élément du résultat.

4. Utilisez la méthode getJSON de jQuery

$.getJSON() pour demander des données JSON et convertir les données renvoyées en un objet JavaScript. Voici un exemple simple :

$.getJSON('some.json', function(data) {
  console.log(data);
});

Dans le code ci-dessus, la méthode $.getJSON() reçoit deux paramètres. Le premier paramètre est l'adresse demandée et le deuxième paramètre est la fonction de rappel après succès.

5. Utilisez la méthode getScript de jQuery

getScript() pour demander et exécuter des fichiers JavaScript sur le serveur. Voici un exemple simple :

$.getScript('some.js', function() {
  console.log('Script loaded.');
});

Dans le code ci-dessus, la méthode getScript() reçoit deux paramètres. Le premier paramètre est l'adresse du fichier JavaScript demandé et le deuxième paramètre est la fonction de rappel après succès.

VI.Résumé

Cet article présente les cinq méthodes de jQuery pour obtenir des données, à savoir l'utilisation de la méthode Ajax, les méthodes get et post, la méthode load, la méthode getJSON et la méthode getScript. Ces méthodes sont souvent utilisées par les développeurs dans le processus de développement Web. La maîtrise de ces compétences permet d'accomplir les tâches de développement Web plus efficacement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!