La technologie Ajax est très importante dans le développement web. Au début de js, si vous devez compléter l'effet de transmission asynchrone, vous devez juger le navigateur, accéder virtuellement aux fichiers, surveiller, obtenir des valeurs de retour et une série d'opérations très fastidieuses. Mais jQuery nous fournit plusieurs fonctions très simples qui nous permettent d'implémenter facilement des fonctions ajax. Dans les prochains articles, nous présenterons ces fonctions une par une.
Tout d’abord, introduisons $.ajax. Cette méthode est l'implémentation AJAX sous-jacente de jQuery.
La syntaxe habituelle est :
$.ajax([settings])//settings est le paramètre de la méthode $.ajax() et est une collection de paires clé-valeur utilisées pour configurer les requêtes Ajax.
Introduisons certains des paramètres les plus importants dans $.ajax() un par un
url---l'adresse à laquelle envoyer la requête
type---méthode de requête ("POST" ou "GET" )
timeout---Définir le délai d'expiration de la requête (millisecondes)
async---(par défaut : true) requête asynchrone.
Données --- Les paramètres envoyés peuvent être de type json
dataType --- Type de données renvoyées : xml, html, json, txt
Succès --- la fonction (data, st) peut être renvoyée après le succès {}
Les exemples réels sont les suivants :
==================================== == ==========================
ajax.html
$(document).ready(function() {
$('#bot_1').click(function(){
$.ajax({
) tapez : "POST",
url : "ajax.php",
données : {web:"mysql100"},
success:function(data, st){$("div").html(data ) ; 🎜> html> ================================== ========= ====================== ajax.php echo 'Vous Le site Web à visiter est '.$_POST['web']; ?> Ce qui précède montre comment jquery implémente la technologie ajax 1 : $.ajax(), plus connexes Veuillez faire attention au site Web PHP chinois (www.php.cn) pour le contenu !