Il existe plusieurs types de jquery Ajax retournent des valeurs, telles que html, texte, json, types xml, que nous pouvons utiliser dans le traitement AJAXP est directement à l’aide des fonctions anonymes pour obtenir directement, ce qui suit, j’organise un exemple de jquery Ajax return valeur pour vous référer à.
L’ajac couramment utilisé dans jquery sont $.ajax (), .post $, $.get () () .load $.
Exemple de
| Le code est comme suit |
|
| $.Post (« test.jsp »,
{Nom : « Cssrain », le temps : « 21/01/2008"}, / / données à passer
Function (data) {}
Alert ("données renvoyées : » + données) ;
}
) |
La valeur de retour de cette donnée, et il suffit d’aller dans le traitement des données de résultat de retour en fonction (données) {} cette fonction anonyme
Exemple $.load ()
| Le code est comme suit |
|
| $ (« #Loadajax »). charge (« http://www.111cn.net. Post », Fonction (responseText, textStatus, XMLHttpRequest) {} Cela ; //Here ce point est l’objet DOM actuel, c'est-à-dire $ (". Ajax.load ») [0]
}); ≪ Div id = loadajax > ainsi vous obtiendrez la valeur de retour de la charge. |
Exemple de
| Le code est comme suit |
|
| $.Ajax ({
Type : « Get », / / utilise la méthode Get pour accéder à l’arrière-plan
Type de données : « JSON », / / retourne des données au format JSON
URL : « BackHandler.ashx",//the fond adresse pour accéder à
Données : « pageIndex = » + pageIndex, / / à envoyer
Complet : function () {$ (« #load »). dissimuler () ; chargement Hide invite quand}, / / requête ajax se termine
Succès : function (msg) {//msg pour les données retournées, do de données obligatoire ici
Données var = msg.table ;
.Chaque $ (données, fonction (I, n) {}
Ligne de var = $ (« #template »). Clone () ;
Row.find (« #OrderID »). texte (ID d’ordre n.) ;
Row.find (« #CustomerID »). texte (ID client n.) ;
Row.find (« #EmployeeID »). texte (ID d’employé n.) ;
Row.find (« #OrderDate »). texte (ChangeDate (n. date de la commande)) ;
Si (n. date de livraison ! == undefined) row.find (« #ShippedDate »). texte (ChangeDate (n. date de livraison)) ;
Row.find (« #ShippedName »). texte (n. nom du propriétaire de la cargaison) ;
Row.find (« #ShippedAddress »). texte (adresse du propriétaire du n.) ;
Row.find (« #ShippedCity »). texte (n. ville de fret) ;
Row.find (« #more »). HTML ("< a href=orderinfo.aspx?id= » + N. Order ID + « & pageindex = » + pageindex + » Plus d’infos < /a > «) ;
ROW.ATTR (« id », « Ready ») ; //change l’ID de la ligne qui lie les bonnes données
Row.appendto (« #datas ») ; //added au conteneur du modèle
}); |
Il s’agit de celui qui renvoie au format JSON.
JQuery Ajax aucune valeur de retour
Dans la méthode de Ajax jquery, après le passage des paramètres, le rappel détermine qu’il y a deux cas de réussite et d’erreur.
Parfois, sans la nécessité de retourner une valeur, jeter dans le format de modèle, définissez le type de données : « JSON », paramètres ; À ce stade, lorsque la valeur de transfert Ajax est correcte, il y a un cas spécial de 200 renvoyer des erreurs dans l’état de réussite.
Le problème d’installation pour le type de données de valeur de retour de la méthode Ajax n’a pas été remarqué précédemment. Lorsqu’il n’y a aucun paramètre de rappel, il n’y a généralement pas besoin de définir le type de données de la valeur de retour. Si les paramètres vont mal, ils sont généralement signalées. À ce stade, l’annulation directe de type de données : « JSON »,
Le modèle correct pour la méthode Ajax sans valeur de retour :
| Le code est comme suit |
|
| $.Ajax ({ Type : « Post », URL : « index.php », Données : « Id = » + uid, Succès : function () {} Alert (1) ; }, Erreur : function () {} Alerte (0) ; } }); |
Exemple de
Ajax de jQuery valide le nom d’utilisateur. Boîte aux lettres, le code de vérification
| Le code est comme suit |
|
| Function Check_email ()
{
Var Check_email = $ (« #reg_mail »). Val () ;
Var reg = / ^ ([a-zA-Z0 - 9_-]) + @ ([a-zA-Z0 - 9_-]) + (/. [ A-zA-Z0 - 9_-] {2,3}) {1,2}) $/ ;
Drapeau = Reg.test (Check_email) ;
Si (drapeau)
{
Var email_value = $ (« #reg_mail »). Val () ;
$.Get (« [var.base_url]register.php », {check_name : « courriel », check_value:email_value, async:false}, function (JSON) {}
$ (« #Res_mail »). HTML (JSON) ;
Si (json == « OK »)
{
$ (« #Res_mail »). HTML ("< couleur de police = « vert » font-size = de ' _ cet email peut être enregistré ! » «) ;
Retourne la valeur true ;
} Else {}
$ (« #Res_mail »). HTML ("< couleur de police = « Red » font-size = de ' _ cet email a été enregistré ! » «) ;
Retourne la valeur false ;
}
});
} Else {}
$ (« #Res_mail »). HTML ("< couleur de police = font-size « rouge » = ' a _ « /s » Veuillez entrer l’adresse email correcte ! » «) ;
Retourne la valeur false ;
}
} |
Voilà comment ça a commencé. Toutefois, il est toujours impossible d’obtenir le vrai état retourné ou false pour retourner un indéfini pour vérifier un grand nombre d’informations. Un post sur RPSC est classique :
| Le code est comme suit |
|
| Var Boolean = false ;
$.Get (données) {//understanding ce n’est pas difficile, aussi longtemps que vous savez tout d’abord que les méthodes jQuery retournent tous les objets jquery ou les objets spécifiés par jquery.
Ajax de jQuery tels que les méthodes Get et post par défaut sont les interactions asynchrones, donc la méthode Get est renvoyée lorsqu’il n’est pas fini, et le BL est le BL = faux que vous définissez ; donc il retourne toujours false ; il devrait y avoir une valeur pour changer de sync.
Alors pour remettre la valeur correcte de BL, vous devrez modifier la méthode Get. Traitement de la valeur de retour n’est généralement pas fait dans la méthode Ajax.
Vous pouvez utiliser $.data (« BL », bl) ; Enregistrez votre valeur et puis utilisez $.data (« BL ») pour prendre de la valeur.
Si (data.indexOf (« true ») > = 0) {}
$ (« #Mid »). HTML (« login succès ») ;
BL = true ;
.Data $ (« BL », BL) ;
}
Else {}
$ (« #Mid »). HTML (« utilisateur mot de passe ou nom erreur ») ; BL = false ;
.Data $ (« BL », BL) ;
}
});
Retour de BL ; |
Cela vous permet d’obtenir l’état retourné. Stocke les valeurs avec la méthode de données. Et puis l’obtenir. Il y a une autre façon.
| Le code est comme suit |
|
| $.Get (données) définit le mode de transport transport synchrone |
La fonction de modification finale est la suivante. Test OK.
| Le code est comme suit |
|
| Function Check_email ()
{
Var Check_email = $ (« #reg_mail »). Val () ;
Var reg = / ^ ([a-zA-Z0 - 9_-]) + @ ([a-zA-Z0 - 9_-]) + (/. [ A-zA-Z0 - 9_-] {2,3}) {1,2}) $/ ;
Drapeau = Reg.test (Check_email) ;
Si (drapeau)
{
Var email_value = $ (« #reg_mail »). Val () ;
$.Get (« [var.base_url]register.php », {check_name : « courriel », check_value:email_value, async:false}, function (JSON) {}
$ (« #Res_mail »). HTML (JSON) ;
Si (json == « OK »)
{
$ (« #Res_mail »). HTML ("< couleur de police = « vert » font-size = de ' _ cet email peut être enregistré ! » «) ;
Tamp_email = true ;
.Data $ (« Tamp_email », Tamp_email) ;
$ (« #Sub_reg »). attr (« disabled », false) ;
} Else {}
$ (« #Res_mail »). HTML ("< couleur de police = « Red » font-size = de ' _ cet email a été enregistré ! » «) ;
Tamp_email = false ;
.Data $ (« Tamp_email », Tamp_email) ;
$ (« #Sub_reg »). attr (« Disabled », true) ;
}
});
Return tamp_email ;
} Else {}
$ (« #Res_mail »). HTML ("< couleur de police = font-size « rouge » = ' a _ « /s » Veuillez entrer l’adresse email correcte ! » «) ;
Retourne la valeur false ;
}
} |
