Maison >interface Web >js tutoriel >20 questions d'entretien AJAX classiques

20 questions d'entretien AJAX classiques

韦小宝
韦小宝original
2017-12-30 16:34:167087parcourir

Cet article vous présente 20 questions d'entretien jquery ajax, qui sont souvent posées lors de la phase de développement front-end. Aujourd'hui, l'éditeur partagera avec vous 20 entretiens classiques AJAX. questions, n'est-ce pas ajaxAmis intéressés, apprenons ensemble

[Recommandations associées : Questions d'entretien frontales(2020), Questions d'entretien ajax (2020)]

1. Qu'est-ce qu'AJAX, pourquoi utiliser Ajax (veuillez parler de votre connaissance d'Ajax)

Quoi est ajax :

AJAX est l'abréviation de "JavaScript et XML asynchrones". Il fait référence à une technologie de développement Web permettant de créer des applications Web interactives.

Ajax inclut les technologies suivantes :

basées sur les standards du Web (présentation basée sur les standards) Représentation XHTML+CSS

utilisation du DOM ( ; Document ObjectModel) pour l'affichage et l'interaction dynamiques ;

Utiliser XML et XSLT pour l'échange de données et les opérations associées

Utiliser XMLHttpRequest pour la requête et la récupération de données asynchrones ;

Utilisez JavaScript pour tout lier ensemble.


2. Pourquoi utiliser ajax :

Les avantages des applications Ajax sont :


1. Le mode améliore l'expérience utilisateur


2. Optimise la transmission entre le navigateur et le serveur, réduit les allers-retours de données inutiles et réduit l'utilisation de la bande passante


3. s'exécute sur le client et prend en charge une partie du travail initialement effectué par le serveur, réduisant ainsi la charge du serveur en cas de volumes d'utilisateurs importants.


2. Quelle est la plus grande fonctionnalité d'AJAX.

Ajax peut réaliser une non-actualisation dynamique (actualisation partielle)


C'est-à-dire qu'il peut conserver les données sans mettre à jour la page entière. Cela permet aux applications Web de répondre plus rapidement aux actions des utilisateurs et d'éviter d'envoyer des informations inchangées sur le réseau.

3. Veuillez introduire l'objet XMLhttprequest.

Le cœur d'Ajax est l'objet JavaScript XmlHttpRequest. Cet objet a été introduit pour la première fois dans Internet Explorer 5 et constitue une technologie qui prend en charge les requêtes asynchrones. En bref, XmlHttpRequest vous permet d'utiliser JavaScript pour envoyer des requêtes au serveur et gérer les réponses sans bloquer l'utilisateur. Grâce à l'objet XMLHttpRequest, les développeurs Web peuvent effectuer des mises à jour partielles de la page une fois la page chargée.


4. Quels sont les composants du système technologique AJAX.

Les applications HTML, css, dom, xml, xmlHttpRequest, javascript


5. Quelle différence.

Dans la programmation Javascript traditionnelle, si vous souhaitez obtenir des informations sur la base de données ou le fichier côté serveur, ou envoyer des informations client au serveur, vous devez créer un formulaire HTML puis GET ou POST les données sur le serveur. Les utilisateurs doivent cliquer sur le bouton « Soumettre » pour envoyer ou recevoir des informations sur les données, puis attendre que le serveur réponde à la demande et que la page se recharge.


Étant donné que le serveur renvoie une nouvelle page à chaque fois, les applications Web traditionnelles peuvent être lentes et peu conviviales.


Grâce à la technologie AJAX, Javascript peut interagir directement avec le serveur via l'objet XMLHttpRequest.


Grâce à la requête HTTP, une page Web peut envoyer une requête au serveur Web et accepter les informations renvoyées par le serveur Web (sans recharger la page). L'utilisateur voit toujours la même page. l'utilisateur a l'impression que la page est actualisée et vous ne pouvez pas voir le Javascript envoyer des requêtes et recevoir des réponses en arrière-plan.


6. Combien de types de CALLBACK existe-t-il dans les requêtes AJAX ?

Les requêtes Ajax ont un total de huit types de rappel


onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException

7 La différence entre Ajax et javascript.

Javascript est un langage de script exécuté côté navigateur. Ajax est une technologie de développement permettant de créer des applications Web interactives. Il utilise une série de technologies connexes, dont Javascript.


Javascript est un langage de script développé par Netscape. Il n'a rien à voir avec le langage Java de Sun. Leurs noms similaires ne sont qu'une stratégie marketing.


Dans le développement Web général, javascript est exécuté côté navigateur. Nous pouvons utiliser javascript pour contrôler le comportement et le contenu du navigateur.


Comment les informations sont transmises entre le navigateur et le serveur dans une application Ajax


Par le biais de données ou de chaînes XML


8. Comment obtenir les données XML de la réponse côté serveur côté navigateur.

AttributresponseXMl de l'objet XMLHttpRequest

9. Y a-t-il une différence dans la façon dont les objets XMLHttpRequest sont créés dans IE et Firefox.

Oui, il peut être obtenu via new ActiveXObject() dans IE, et il peut être obtenu via newXMLHttpRequest() dans Firefox

10. Présentez les méthodes et attributs courants de l'objet XMLHttpRequest.

open("method","URL") établit un appel au serveur Le premier paramètre est la méthode de requête HTTP, qui peut être GET, POST ou tout ce qui est pris en charge. par le serveur. La façon dont vous voulez l'appeler.

Le deuxième paramètre est l'URL de la page demandée.

méthode send(), envoyer une requête spécifique

méthode abort(), arrêter la requête en cours

le statut de la requête de l'attribut readyState a 5 Valeurs possibles 0=non initialisé, 1=loading
2=loading, 3=interacting, 4=completed

attributresponseText La réponse du serveur, représentée sous forme de chaîne

Réponse du serveur d'attributs reponseXML, exprimée sous forme XML

code d'état HTTP du serveur d'état, 200 correspond à ok et 400 correspond à introuvable

12. Qu'est-ce que XML

XML est un langage de balisage étendu qui peut décrire des données à l'aide d'une série de balises simples

13. Les méthodes d'analyse XML

utilisent couramment l'analyse dom et l'analyse sax. L'analyse DOM consiste à lire le fichier XML en une seule fois et à le construire en un objet DOM destiné à être utilisé par le programme. L'avantage est qu'il est facile à utiliser, mais il consomme plus de mémoire. Sax est analysé de manière événementielle, ce qui prend moins de mémoire, mais est complexe à programmer

14. Quel framework (package de cadres) utilisez-vous ? >

Cette question est incontournable et est généralement posée au tout début.


Les plus populaires en Java sont dojo, Prototype, JQuery, Dwr, extjs, etc.


15. Si vous êtes familier avec une sorte de framework ajax , il peut demander comment utiliser ce framework dans le programme

Introduction au framework DWR

DWR (DirectWeb Remoting) est un framework d'appel à distance WEB. L'utilisation de ce framework peut rendre le développement AJAX très simple. En utilisant DWR, vous pouvez utiliser JavaScript sur le client pour appeler directement la méthode Java du serveur et renvoyer la valeur à JavaScript, tout comme les appels clients locaux directs (. DWR est basé sur la classe Java pour générer dynamiquement du code JavaScript).


Le principe de mise en œuvre de DWR est de traduire Java en javascript par réflexion, puis d'utiliser le mécanisme de rappel pour réaliser javascript appelant du code Java


16. Présentez ce que font la fonction $(), la fonction $F() et la fonction $A() de Prototype $() est un raccourci pratique pour la méthode document.getElementById() trop fréquemment utilisée dans le DOM. Comme cette méthode DOM, cette méthode renvoie l'élément avec l'identifiant transmis en paramètre.


La fonction $F() est une autre « touche de raccourci » populaire qui peut être utilisée pour renvoyer la valeur de n'importe quel contrôle de saisie de formulaire, tel qu'une zone de texte ou une liste déroulante. Cette méthode peut également prendre un identifiant d'élément ou l'élément lui-même comme paramètre.


La fonction $A() peut convertir le paramètre unique qu'elle reçoit en un objet Array.

17. Introduire l'objet XMLHttpRequest Grâce à l'objet XMLHttpRequest, les développeurs Web peuvent effectuer des mises à jour partielles de la page après le chargement de la page.


AJAX est devenu populaire lorsque Google a utilisé « Google Suggest » en 2005.


« Google Suggest » utilise l'objet XMLHttpRequest pour créer une interface web dynamique :


Lorsque l'utilisateur commence à taper dans le champ de recherche Google, Javascript envoie les caractères saisis par l'utilisateur au serveur et le serveur renvoie une liste de suggestions.


L'objet XMLHttpRequest est pris en charge dans IE5.0+, Safari 1.2, Mozilla1.0/Firefox, Opera 8+ et NetScapt7.

18. Quel est le nom complet d'AJAX ? Présenter AJAX ? Le nom complet d'AJAX est Asynchronous JavaScript And XML.


AJAX est une méthode de programmation initiée par Google en 2005 et devenue populaire. nouveau langage de programmation, mais il s’agit d’une nouvelle technologie de programmation qui utilise les standards existants.


Utilisez AJAX pour créer des applications Web meilleures, plus rapides et plus conviviales.


La technologie AJAX est basée sur Javascript et HTTP Request.

19 Quelles technologies Ajax inclut-il principalement ?
Définition d'Ajax (JavaScript asynchrone + XML)


Représentation basée sur les standards du web (présentation basée sur des standards) XHTML+CSS


Utiliser DOM (Document Object Model) pour l'affichage et l'interaction dynamiques


Utiliser XML et XSLT pour l'échange de données et les opérations associées ; XMLHttpRequest effectue une requête et une récupération de données asynchrones ;

utilise JavaScript pour tout lier ensemble. En anglais, veuillez consulter le texte original de Jesse James Garrett, le proposant d'Ajax, et le titre original (Ajax : A New Approach to


Applications Web).


Semblable au DHTML ou au LAMP, AJAX ne fait pas référence à une seule technologie, mais utilise de manière organique une série de technologies connexes. En effet, certaines technologies « dérivées/composites » basées sur AJAX font leur apparition, comme « AFLAX ».

Les applications AJAX utilisent des navigateurs Web prenant en charge les technologies ci-dessus comme plate-forme d'exécution. Ces navigateurs incluent actuellement : Mozilla, Firefox, Internet Explorer, Opera, Konqueror et Safari. Mais Opera ne prend pas en charge les objets au format XSL, ni XSLT.

20. Quels sont les avantages et les inconvénients d'AJAX ?

1. Le plus gros point est que la page ne s'actualise pas, et l'expérience utilisateur est très bonne.

2. Utilisez le mode asynchrone pour communiquer avec le serveur, avec une capacité de réponse plus rapide.

3. Une partie du travail précédemment chargé par le serveur peut être transférée au client, en utilisant la capacité inactive du client pour le traiter, réduisant ainsi la charge sur le serveur et la bande passante, et économisant de l'espace et de la location du haut débit. frais. Et pour réduire la charge sur le serveur, le principe d'ajax est de « récupérer les données à la demande », ce qui peut minimiser la charge sur le serveur causée par les requêtes et réponses redondantes.

4. Basé sur une technologie standardisée et largement prise en charge, il n'est pas nécessaire de télécharger des plug-ins ou de petits programmes.

Inconvénients d'ajax

1. Ajax ne prend pas en charge le bouton Précédent du navigateur.

2. Problèmes de sécurité AJAX expose les détails de l'interaction avec le serveur.

3. Le support des moteurs de recherche est relativement faible.

4. Détruit le mécanisme d'exception du programme.

5. Pas facile à déboguer.

Ci-dessus sont 20 questions d'entretien AJAX classiques présentées par l'éditeur. J'espère que cela vous sera utile !

Recommandations associées :

Explication détaillée de l'interaction ajax front-end et back-end

Exemple détaillé explication pour obtenir rapidement des objets de communication Ajax

Exemple détaillé de js combiné avec json pour implémenter un exemple simple ajax

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!

Déclaration:
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