Maison > interface Web > js tutoriel > Comment utiliser jquery ajax

Comment utiliser jquery ajax

(*-*)浩
Libérer: 2019-06-15 18:02:48
original
3017 Les gens l'ont consulté

La méthode ajax() charge les données distantes via des requêtes HTTP.

Comment utiliser jquery ajax

Cette méthode est l'implémentation AJAX sous-jacente de jQuery. Pour des implémentations de haut niveau simples et faciles à utiliser, voir $.get, $.post, etc. $.ajax() renvoie l'objet XMLHttpRequest qu'il a créé. Dans la plupart des cas, vous n'aurez pas besoin de manipuler cette fonction directement, sauf si vous devez manipuler des options moins couramment utilisées pour plus de flexibilité.

Dans le cas le plus simple, $.ajax() peut être utilisé directement sans aucun paramètre.

Remarque : Toutes les options peuvent être définies globalement via la fonction $.ajaxSetup().

Syntaxe

jQuery.ajax([settings])//  发请求并且能得知成功还是失败。
Copier après la connexion

paramètres, facultatifs. Une collection de paires clé-valeur utilisées pour configurer les requêtes Ajax. La valeur par défaut de n'importe quelle option peut être définie via $.ajaxSetup().

type : tapez "POST" ou "GET", la valeur par défaut est "GET".

url : L'adresse à laquelle envoyer la demande.

data : est un objet, ainsi que les données envoyées au serveur avec la requête d

ataType : le type de données qui devrait être renvoyé par le serveur. S'il n'est pas spécifié, jQuery effectuera automatiquement des jugements intelligents basés sur les informations MIME contenues dans HTTP. Généralement, nous utilisons le numéro json, qui peut être défini sur « json ».

success : est une méthode, une fonction de rappel une fois la requête réussie. Transmettez les données renvoyées et une chaîne contenant le code de réussite.

erreur : est une méthode, cette fonction est appelée lorsque la requête échoue. Transmettez l’objet XMLHttpRequest.

Exemple :

$(document).ready(function(){
    $("#searchBtn").click(function(){
        $.ajax({
            type:"GET",
            url:" https://api.passport.xxx.com/checkNickname?username="+mylogin.username+"&token="+mylogin.token+"&nickname="+nickname+"&format=jsonp&cb=?",
            dataType:"json",
            success:function(data){
                if(data.errorCode==0){
                                         $("#nickname").val(mylogin.nickname);                             
                                 }else{
                                         $("#nickname").val("用户");                         
                                 }
            },
            error:function(jqXHR){
                console.log("Error: "+jqXHR.status);
            }
        });
    });
});
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal