Comment utiliser jquery ajax

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

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])//  发请求并且能得知成功还是失败。

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);
            }
        });
    });
});

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!