Sachant que vous devez savoir avant d’utiliser Ajax _ajax

Source : Internet
Auteur : utilisateur

Le nom complet de l’Ajax :
XML et JavaScript asynchrone
(Asynchronous JavaScript and XML)

Ajax n’est pas une sorte de langage de programmation
Est une technique de mise à jour des parties d’une page Web sans avoir à recharger la page entière.

Un processus complet de demande HTTP avec 7 étapes :
1. établir une connexion TCP.
2. navigateur Web envoie une commande de demande au serveur WEB.
3. navigateur Web envoie les informations d’en-tête de demande.
4. web : réponse du serveur.
5. serveur Web envoie les informations d’en-tête de réponse.
6. serveur Web envoie des données au navigateur.
7. serveur web arrête de connexion TCP

Une requête HTTP se compose généralement de quatre parties :
La méthode ou l’action de la requête http 1., par exemple si c’est un get ou une requête POST.
2. l’URL demandée.
3. demander à en-tête, y compris les quelques informations sur l’environnement client, les informations d’authentification, etc..
4. demande corps, c'est-à-dire le corps de la requête, le corps de la requête peuvent contiennent des informations de chaîne de requête soumise du client, forment des informations et ainsi de suite.

Get : (idempotente : le même effet qu’une demande GET s’exécute une fois et exécute 10 000 fois)
1. généralement utilisées pour l’acquisition d’informations (requête),
2. passer des paramètres à l’aide de l’URL,
3. la quantité d’informations envoyées est limitée, en général en 2000 caractères.
4. l’avantage est que vous pouvez ajouter une page favorite à vos signets.

Publier :
1. en règle générale permettant de modifier des ressources sur le serveur,
2. il n’y a aucune limite à la quantité des renseignements échangés,
3. incorporé dans le corps de la requête http.

Une réponse HTTP est généralement composée de trois parties :
1. un code d’État composé de numéros et le texte à afficher si la demande a réussi ou a échoué,
2. réponse en-tête, l’en-tête de réponse contient également comme autant d’informations utiles comme l’en-tête de requête, telles que le type de service, date heure, type de contenu et de durée, etc..
3. corps réponse : Autrement dit, le corps de la réponse

Le code d’état HTTP se compose de 32 chiffres, où le premier nombre définit le type du code d’État :
1XX : classe d’Information qui indique la réception d’une demande de navigateur Web qui est traitée plus loin,
2xx : succès, informant que les requêtes des utilisateurs sont correctement acceptées, comprise et traitées, par exemple : OK
3XX : redirection, indiquant que la demande a échoué, le client doit prendre des mesures supplémentaires,
4xx : erreur du Client signalant une erreur dans la demande de présentation client, par exemple : 404 non trouvé, ce qui signifie que le document cité dans la demande n’existe pas,
5XX : erreur du serveur, ce qui indique que le serveur ne peut pas terminer le traitement de la requête, par exemple : 500

Concepts de base de JSON
représentation d’objet 1.JSON:JavasScript, (JavaScript Object Notation)
2. json est la syntaxe pour le stockage et l’échange d’informations textuelles, similaires au format XML. Il est organisé sous la forme de paires clé-valeur, faciles pour les gens à lire et faciles à analyser et générer des machines.
3. json est indépendant du langage, c'est-à-dire, n’importe quelle langue, vous pouvez analyser JSON, il suffit de suivre les règles de JSON.

Comparaisons entre JSON et XML
La longueur de 1. json est courte par rapport au format XML.
2. json lit et écrit plus vite
3. json peut être analysée directement en utilisant la méthode JavaScript de la Jiande interne, converties en objets JavaScript, très pratiques.

JSON peut être des types suivants :
1. les nombres (entiers ou à virgule flottante points), tels que 123,1.23.
2. chaîne (entre guillemets)
3. la valeur logique (vrai ou faux)
4. les tableaux (crochets)
5. les objets (dans des accolades)
6. null

Façons d’analyser JSON :
1. var Jsondata = {« Personnel » : [{« Name » : « Drapeau rouge », « L’âge » : «}, { », « nom » : « Xiao rouge », « » « : » 13 «}]} ;
Var jsonbj = JSON.parse (Jsondata) ;
Alert (Jsonbj.staff[0].name)

Mise en oeuvre d’Ajax en utilisant jquery
1.jQuery.Ajax ([paramètres])
2.type : Type, « POST » ou « get », par défaut pour « obtenir ».
3.URL : l’adresse où la demande a été envoyée.
4.DataType : le type de données devrait être retourné par le serveur, si ce n’est pas spécifiée, jquery sera automatiquement basé sur les informations MIME HTTP paquet afin de déterminer intelligemment, en général, nous utilisons JSON format, peut être réglé sur « JSON ».
5.Success : est une méthode qui demande une fonction de rappel réussie, passe dans les données retournées et une chaîne qui contient le code de réussite.
6.error : est une méthode que le rappel utilise cette fonction lorsque la demande échoue. L’objet XMLHttpRequest est passé.

Inter-domaines
1. la composition d’adresse d’un nom de domaine :
Protocole, sous-domaine, nom de domaine principal, l’un des numéros de port n’est pas le même lorsqu’il est considéré comme un domaine différent,
2. la demande mutuelle des ressources entre les différents domaines est considéré comme le « cross-domain »,
3. par exemple http://www.abc.com/index.html demande http://www.egf.com/service.php
4. jsvsscript pour des raisons de sécurité, ne permettent pas les appels interdomaines vers d’autres pages d’objets, ce qui est inter-domaines, la compréhension simple est que, en raison des limites de JavaScript homologue politique, nom de domaine a.com sous la JS ne peut pas fonctionner objet B.Com ou C.a.com sous le nom de domaine.
5. par exemple, www.abc.com/index.html appeler https://www.abc.com/servic.php (inter-domaines)

Façons de travailler sur plusieurs domaines – proxy
1. créer un proxy par le côté de serveur Web du même nom de domaine
2. serveur Beijing (nom de domaine : www.beijing.com)
3. Shanghai Server (nom de domaine : www.shanghai.com)
4. par exemple, les coulisses d’un serveur Web à Pékin (www.beijing)

Nous contacter

Le contenu de cette page provient d'Internet et ne reflète pas l'opinion d'Alibaba Cloud ; les produits et services mentionnés sur cette page n'ont aucune relation avec Alibaba Cloud. Si le contenu de la page vous semble problématique, veuillez nous écrire un courriel, nous traiterons le problème dans les 5 jours suivant la réception de votre message.

Si vous constatez des cas de plagiat de la part de la communauté, veuillez envoyer un courriel à : info-contact@alibabacloud.com et fournir des preuves pertinentes. Un membre de notre équipe vous contactera dans les 5 jours ouvrables.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.