20 classic AJAX interview questions

This article introduces you to 20 jquery ajax interview questions, which are often asked during the front-end development stage. Today, I will share with you 20 classic AJAX interview questions. ajaxInterested friends, let’s study together

[Related recommendations: front-end interview questions (2020), ajax interview questions(2020)]

1. What is AJAX, why use Ajax (please talk about your understanding of Ajax)

What is ajax :

AJAX is the abbreviation of "Asynchronous JavaScript and XML". It refers to a web development technology for creating interactive web applications.

Ajax includes the following technologies:

Based on web standards (standards-basedpresentation) XHTML+CSS presentation;

Using DOM (Document ObjectModel) for dynamic display and interaction;

Use XML and XSLT for data exchange and related operations;

Use XMLHttpRequest for asynchronous data query and retrieval;

Use JavaScript to tie everything together.

2. Why use ajax:

The advantages of Ajax applications are:

1. Pass Asynchronous mode improves user experience

2. Optimizes the transmission between the browser and the server, reduces unnecessary data round-trips, and reduces bandwidth usage

3 . The Ajax engine runs on the client and takes on part of the work originally performed by the server, thus reducing the server load under large user volumes.

2. What is the biggest feature of AJAX.

Ajax can achieve dynamic non-refresh (partial refresh)

It means that data can be maintained without updating the entire page. This allows web applications to respond more quickly to user actions and avoids sending unchanged information over the network.

3. Please introduce the XMLhttprequest object.

The core of Ajax is the JavaScript object XmlHttpRequest. This object was first introduced in Internet Explorer 5 and is a technology that supports asynchronous requests. In short, XmlHttpRequest allows you to use JavaScript to make requests to the server and handle the responses without blocking the user. Through the XMLHttpRequest object, web developers can perform partial updates to the page after the page is loaded.

4. What are the components of the AJAX technology system.

##HTML, css, dom, xml, xmlHttpRequest, javascript

##5. AJAX applications and traditional Web applications are What a difference.
In traditional Javascript programming, if you want to get information from a server-side database or file, or send client information to the server, you need to create an HTML form and then GET or POST data to the server. Users need to click the "Submit" button to send or receive data information, and then wait for the server to respond to the request and the page to reload.

Because the server returns a new page every time, traditional web applications may be slow and user-unfriendly.

Using AJAX technology, Javascript can interact directly with the server through the XMLHttpRequest object.

Through HTTP Request, a web page can send a request to the web server and accept the information returned by the web server (without reloading the page). The user is still shown the same page, and the user feels that the page is refreshed. , and you can't see the Javascript sending requests and receiving responses in the background.

#6. How many types of CALLBACK are there in AJAX requests?
Ajax request has a total of eight types of Callback

7. The difference between Ajax and javascript. Javascript is a scripting language that is executed on the browser side. Ajax is a development technology for creating interactive web applications. It uses a series of related technologies, including javascript.

Javascript is a scripting language developed by Netscape. It has nothing to do with Sun's Java language. Their similar names are just a marketing strategy.

In general web development, javascript is executed on the browser side. We can use javascript to control the behavior and content of the browser.

How information is passed between the browser and the server in an Ajax application

Through XML data or strings

8. How to get the XML data responded by the server on the browser side.
The responseXMl attribute of the XMLHttpRequest object

9. Is there any difference in how the XMLHttpRequest object is created in IE and Firefox. Yes, it can be obtained through new ActiveXObject() in IE and through newXMLHttpRequest() in Firefox

10. Introduce the common methods and properties of the XMLHttpRequest object.

open("method","URL") establishes a call to the server. The first parameter is the HTTP request method, which can be GET, POST or anything supported by the server. The way you want to call it.

The second parameter is the URL of the requested page.

send() method, send a specific request

abort() method, stop the current request

readyState attribute request status is 5 Available values ​​are 0=not initialized, 1=loading
2=to load, 3=interacting, 4=complete

responseText attribute The response of the server, represented as a string

reponseXML attribute server's response, expressed as XML

status HTTP status code of the server, 200 corresponds to ok and 400 corresponds to not found

12. What is XML

XML is an extended markup language that can describe data using a series of simple tags

##13. XML parsing methods

#Commonly used are dom parsing and sax parsing. DOM parsing is to read the XML file at one time and construct it into a DOM object for use by the program. The advantage is that it is easy to operate, but it consumes more memory. Sax is parsed in an event-driven manner, which takes up less memory, but is complicated to program.

14. What framework (package) are you using?

This question is a must-ask, and is usually asked at the very beginning.

The more popular ones in java are dojo, Prototype, JQuery, Dwr, extjs, etc.

15. If you are familiar with some kind of ajax framework , he may ask how to use this framework in the program

DWR framework introduction

DWR (DirectWeb Remoting) is A WEB remote calling framework. Using this framework can make AJAX development very simple. Using DWR, you can use JavaScript on the client to directly call the server's Java method and return the value to JavaScript, just like direct local client calls (DWR is based on the Java class to dynamically generate JavaScript code).

The implementation principle of DWR is to translate java into javascript through reflection, and then use the callback mechanism to realize javascript calling Java code

16. Introduce what the $() function, $F() function, and $A() function of Prototype do.

$() method is A convenient shorthand for the all-too-frequently used document.getElementById() method in the DOM. Like this DOM method, this method returns the element with the id passed in as the parameter.

$F() function is another popular "shortcut key". It can be used to return the value of any form input control, such as textbox, drop-down list. This method can also take an element id or the element itself as a parameter.

$A() function can convert the single parameter it receives into an Array object.

17. Introduce the XMLHttpRequest object

Through the XMLHttpRequest object, Web developers can perform partial updates to the page after the page is loaded.

AJAX became popular when Google used "Google Suggest" in 2005.

"Google Suggest" uses the XMLHttpRequest object to create a dynamic Web interface:

When the user starts typing in Google's search box, Javascript sends the characters entered by the user to the server , and the server returns a list of suggestions.

The XMLHttpRequest object is supported in IE5.0+, Safari 1.2, Mozilla1.0/Firefox, Opera 8+ and NetScapt7.

18. What is the full name of AJAX? Introduce AJAX?

The full name of AJAX is Asynchronous JavaScript And XML.

AJAX is a programming method initiated by Google in 2005 and became popular. AJAX is not a new programming method. language, but it is a new programming technology that uses existing standards.

Use AJAX to create better, faster, and more user-friendly web applications.

AJAX technology is based on Javascript and HTTP Request.

19. What technologies does Ajax mainly include?

The definition of Ajax (Asynchronous JavaScript + XML)

Based on web standards (standards-based presentation) XHTML+CSS representation;

Use DOM (Document Object Model) for dynamic display and interaction;

Use XML and XSLT for data exchange and related operations;

Use XMLHttpRequest performs asynchronous data query and retrieval;

Use JavaScript to bind everything together. In English, please see the original text by Jesse James Garrett, the proposer of Ajax, and the original title (Ajax: A New Approach to

Web Applications).

Similar to DHTML or LAMP, AJAX does not refer to a single technology, but organically utilizes a series of related technologies. In fact, some "derivative/composite" technologies based on AJAX are emerging, such as "AFLAX".

AJAX applications use web browsers that support the above technologies as the running platform. These browsers currently include: Mozilla, Firefox, Internet Explorer, Opera, Konqueror and Safari. But Opera does not support XSL format objects, nor does it support XSLT.

20. What are the advantages and disadvantages of AJAX?

1. The biggest point is that the page does not refresh, and the user experience is very good.

2. Use asynchronous mode to communicate with the server, with faster response capability.

3. Some of the work previously burdened by the server can be transferred to the client, using the idle capacity of the client to process it, reducing the burden on the server and bandwidth, and saving space and broadband rental costs. And to reduce the burden on the server, the principle of ajax is to "fetch data on demand", which can minimize the burden on the server caused by redundant requests and responses.

4. Based on standardized and widely supported technology, there is no need to download plug-ins or small programs.

Disadvantages of ajax

1. Ajax does not support the browser back button.

2. Security issues AJAX exposes the details of interaction with the server.

3. The support for search engines is relatively weak.

4. Destroyed the exception mechanism of the program.

5. Not easy to debug.

The above are 20 classic AJAX interview questions introduced by the editor. I hope it will be helpful to everyone!

Related recommendations:

Detailed explanation of the interaction between front-end ajax and back-end

Detailed explanation of examples to quickly obtain Ajax communication objects

Example detailed explanation js combined with json to implement ajax simple example

The above is the detailed content of 20 classic AJAX interview questions. For more information, please follow other related articles on the PHP Chinese website!