Maison > interface Web > js tutoriel > Quelles sont les utilisations d'ajax ? Explication détaillée de l'utilisation spécifique d'ajax

Quelles sont les utilisations d'ajax ? Explication détaillée de l'utilisation spécifique d'ajax

寻∝梦
Libérer: 2018-09-10 14:30:29
original
1351 Les gens l'ont consulté

Cet article vous explique principalement les détails d'utilisation de ajax, et il y a des exemples pour le prouver, afin que chacun puisse comprendre plus rapidement le contenu de l'article. Regardons maintenant cet article ensemble

Syntaxe : $.ajax([settings]);

$.ajax({  
    type: "POST",  
    url: "UserLogincheck",  
    data: {username:$("#username").val(), password:$("#password").val(),verify:$("#verify").val()},  
    dataType: "json",  
    success: function(data){  
        if(data==1){  
            // 用户名或密码错误  
            alert("用户名或密码错误");  
        }  
        else if(data==2){  
            alert("验证码错误");  
            // 验证码错误  
        }  
        else if(data==0){  
            window.location.href="index";  
        }  
        //跳转页面  
    },  
    error:function(XMLHttpRequest, textStatus, errorThrown){//请求失败时调用此函数  
        console.log(XMLHttpRequest.status);  
        console.log(XMLHttpRequest.readyState);  
        console.log(textStatus);                              
    }  
});
Copier après la connexion

php comme processus de traitement en arrière-plan

public function UserLogincheck(){//用户登陆验证(用户名和邮箱均可登陆)  
                $very = new \Think\Verify();  
                if($very->check($_POST['verify'])){//验证码正确  
                 $user_admin = I('post.username');  
                 $judge = " (user_name = '$user_admin' or user_email = '$user_admin' )";  
                 $user_del_status = $this->user->where($judge)->getField('user_del');  
                   if($user_del_status == 0){//用户未被注销  
                       $user_password = I('post.password');  
                       $judge .= "and user_password = '$user_password'";  
                       $res = $this->user->where($judge)->find();  
                       if($res){//记录用户登陆状态  
                         $_SESSION['ADMIN_user_id'] = $this->user->where($judge)->getField('user_id');  
                         $_SESSION['ADMIN_user_name'] = $data['user_name'];  
                         $this->ajaxReturn(0);//登陆成功  
                       }  
                       $this->ajaxReturn(1);//用户名或密码错误  
                   }  
                   else  
                     $this->ajaxReturn(8);//用户信息被注销  
                }  
                else  
                  $this->ajaxReturn(2);//验证码错误  
       }
Copier après la connexion

Explication détaillée des paramètres ajax :

données

Type : String

Données envoyées au serveur. Sera automatiquement converti au format de chaîne de demande. Ajouté à l'URL dans les requêtes GET. Consultez la description de l’option processData pour désactiver cette conversion automatique. Doit être au format Clé/Valeur. S'il s'agit d'un tableau, jQuery attribuera automatiquement le même nom à différentes valeurs. Par exemple, {foo:["bar1", "bar2"]} est converti en '&foo=bar1&foo=bar2'.

(Si vous souhaitez en savoir plus, rendez-vous sur le site Web PHP chinois Colonne Manuel de développement AJAX pour en savoir plus)

dataFilter

Type : Fonction

est une fonction permettant de prétraiter les données originales renvoyées par Ajax. Fournissez deux paramètres, data et type : data sont les données d'origine renvoyées par Ajax et type est le paramètre dataType fourni lors de l'appel de jQuery.ajax. La valeur renvoyée par la fonction sera ensuite traitée par jQuery.

dataType

Type : String

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 du package HTTP. Par exemple, le type XML MIME est reconnu comme XML. Dans la version 1.4, JSON générera un objet JavaScript et le script exécutera le script. Les données renvoyées par le serveur seront ensuite analysées en fonction de cette valeur et transmises à la fonction de rappel. Valeurs disponibles :

"xml" : Renvoie un document XML pouvant être traité avec jQuery.

"html" : renvoie les informations HTML en texte brut ; la balise de script incluse sera exécutée une fois insérée dans le dom.

"script" : renvoie le code JavaScript en texte brut. Les résultats ne sont pas automatiquement mis en cache. Sauf si le paramètre "cache" est défini. Remarque : lors de requêtes distantes (pas sous le même domaine), toutes les requêtes POST seront converties en requêtes GET. (Car la balise du script DOM sera utilisée pour le chargement)

"json" : renvoie les données JSON.

"jsonp" : format JSONP. Lors de l'appel d'une fonction au format JSONP, telle que "myurl?callback=?", jQuery remplacera automatiquement ? par le nom de fonction correct pour exécuter la fonction de rappel.

"text": Renvoie une chaîne de texte brut

erreur

Type : Fonction

Valeur par défaut : jugement automatique (xml ou html). Cette fonction est appelée lorsque la requête échoue.

a les trois paramètres suivants : objet XMLHttpRequest, message d'erreur et (facultatif) objet d'exception capturé.

Si une erreur se produit, le message d'erreur (le deuxième paramètre) peut être "timeout", "error", "notmodified" et "parsererror" en plus de null.

C'est un événement de l'Ajax.

global

Type : Booléen

S'il faut déclencher l'événement AJAX global. Valeur par défaut : vrai. La définition sur false ne déclenchera pas d'événements AJAX globaux tels que ajaxStart ou ajaxStop qui peuvent être utilisés pour contrôler différents événements Ajax.

ifModified

Type : Booléen

Obtient de nouvelles données uniquement lorsque les données du serveur changent. Valeur par défaut : faux. Utilisez les informations d’en-tête Last-Modified du paquet HTTP pour le déterminer. Depuis jQuery 1.4, il vérifie également le « etag » spécifié par le serveur pour s'assurer que les données n'ont pas été modifiées.

jsonp

Type : String

Réécrivez le nom de la fonction de rappel dans une requête jsonp. Cette valeur est utilisée pour remplacer la partie "callback" du paramètre URL dans une requête GET ou POST telle que {jsonp:'onJsonPLoad'} qui entraînera la transmission de "onJsonPLoad=?"

jsonpCallback

Type : String

Spécifiez un nom de fonction de rappel pour la requête jsonp. Cette valeur sera utilisée à la place du nom de fonction aléatoire généré automatiquement par jQuery. Ceci est principalement utilisé pour permettre à jQuery de générer des noms de fonctions uniques afin de faciliter la gestion des requêtes et de fournir des fonctions de rappel et de gestion des erreurs. Vous pouvez également spécifier ce nom de fonction de rappel lorsque vous souhaitez que le navigateur mette en cache les requêtes GET.

mot de passe

Type : Chaîne

Mot de passe utilisé pour répondre à la demande d'authentification d'accès HTTP

processData

Type : Booléen

Valeur par défaut : vrai. Par défaut, les données transmises via l'option data, s'il s'agit d'un objet (techniquement parlant, tant qu'il ne s'agit pas d'une chaîne), seront traitées et converties en chaîne de requête pour correspondre au type de contenu par défaut "application/x -www-form-urlencoded" ". Définissez sur false si vous souhaitez envoyer des informations sur l'arborescence DOM ou d'autres informations que vous ne souhaitez pas convertir.

scriptCharset

Type : String

Uniquement lorsque le type de données est "jsonp" ou "script" lors de la demande et que le type est "GET" Utilisé pour forcer la modification du jeu de caractères. Généralement utilisé uniquement lorsque les encodages de contenu local et distant sont différents.

succès

Type : Fonction

Fonction de rappel une fois la demande réussie.

Paramètre : Données renvoyées par le serveur et traitées selon le paramètre dataType ; une chaîne décrivant le statut.

C'est un événement de l'Ajax.

traditionnel

Type : Booléen

Définissez sur true si vous souhaitez sérialiser les données de manière traditionnelle. Veuillez vous référer à la méthode jQuery.param dans la catégorie Outils.

timeout

Type : Nombre

Définissez le délai d'expiration de la demande (millisecondes). Ce paramètre remplace le paramètre global.

type

Type : Chaîne

Par défaut : "GET"). Méthode de requête ("POST" ou "GET"), la valeur par défaut est "GET". Remarque : D'autres méthodes de requête HTTP telles que PUT et DELETE peuvent également être utilisées, mais ne sont prises en charge que par certains navigateurs.

url

Type : Chaîne

Valeur par défaut : Adresse de la page actuelle. L'adresse à laquelle envoyer la demande.

nom d'utilisateur

Type : Chaîne

Nom d'utilisateur utilisé pour répondre aux demandes d'authentification d'accès HTTP.

xhr

Type : Fonction

Doit renvoyer un objet XMLHttpRequest. La valeur par défaut est ActiveXObject sous IE et XMLHttpRequest sinon. Utilisé pour remplacer ou fournir un objet XMLHttpRequest amélioré. Ce paramètre n'était pas disponible avant jQuery 1.3.

Cet article se termine ici (si vous souhaitez en savoir plus, rendez-vous sur la colonne du site Web PHP chinois Manuel d'utilisation AJAX pour en savoir plus. Si vous avez des questions, vous pouvez laisser un message ci-dessous). .

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