Ajax Interview Materials

What is AJAX and what problem does it solve?
Ajax is a set of client side technologies that allows asynchronous communication between client and web server. In synchronous communication, complete round trip happens with each request/response action event when small data of the page to be refreshed. Ajax has solved this problem of posting entire information every time through asynchronous communication.
XmlHttpRequest is the basic fundamental behind Ajax. This allows browser to communicate with server without making post backs.

What is AJAX and what problem does it solve?
Ajax is a set of client side technologies that allows asynchronous communication between client and web server. In synchronous communication, complete round trip happens with each request/response action event when small data of the page to be refreshed. Ajax has solved this problem of posting entire information every time through asynchronous communication.
XmlHttpRequest is the basic fundamental behind Ajax. This allows browser to communicate with server without making post backs.

What is AJAX and what problem does it solve?
Ajax is a set of client side technologies that allows asynchronous communication between client and web server. In synchronous communication, complete round trip happens with each request/response action event when small data of the page to be refreshed. Ajax has solved this problem of posting entire information every time through asynchronous communication.
XmlHttpRequest is the basic fundamental behind Ajax. This allows browser to communicate with server without making post backs.

What is AJAX and what problem does it solve?
Ajax is a set of client side technologies that allows asynchronous communication between client and web server. In synchronous communication, complete round trip happens with each request/response action event when small data of the page to be refreshed. Ajax has solved this problem of posting entire information every time through asynchronous communication.
XmlHttpRequest is the basic fundamental behind Ajax. This allows browser to communicate with server without making post backs.

What is the role of Script Manager in Ajax?
Script Manager, as the name suggests is used to manage the client side script of Ajax. Since Ajax uses Java Script, there needs to be a mediator to manage this script and restrict a particular version to a browser. A Script manager is present on every page where Ajax is used to enable the Ajax Libraries. These Libraries in turn helps to implement the core Functionality of Ajax: Partial rendering.

List out differences between AJAX and JavaScript.
Ajax is Asynchronous Java Script and XML. Here on sending request to the server, one needn’t wait for the response. Other operations on the page can be carried out. Hence, Asynchronous. On the other hand, Java script sends an HTTPRequest to the server and waits for the XML response.
E.g. populating State field. Using JavaScript we need to use the “Onchnage” event where as using ajax, the request is just sent to populate the state list. Other operations can be carried out on the page.
Ajax is a part of Java Script programming. Java Script is used to manage and control a web page once downloaded. Ajax does not need to wait for the whole page to download.
Use of Ajax can reduce connections to the server since the script has to be requested once.

Describe how to create AJAX objects.
Ajax Objects can be created by the following syntax:
Var ajax= New ajaxObject(‘page path’). Here page path is the URL you want the Object to call. The URL must be of the same domain as the webpage.

What is XMLHttpRequest object ?
XMLHttpRequest object is used to transfer data between a client and a server. Here the client can be a web browser. Here, the client can send and receive data without reloading the page.
It can be created as follow
Var request = new XMLHttpRequest ()

Describe the formats and protocols used by AJAX.
Ajax uses HTTP’s GET or POST. AJAX also uses XMLHttpRequest protocol for requesting to the web server.
AJAX uses JSON format to communicate between client and server. UED or URL encoded data formats can also be used.

What are the security issues with AJAX?
AJAX function calls are sent in plain text to server. These calls may easily reveal database details, variable names etc
User’s browsing session can be monitored my maliciously inserting scripts
Ajax may encourage developers to use multiple server side pages thereby introducing multiple entry points for attackers.

Describe how to handle concurrent AJAX requests.
JavaScipt closures can be used for handling concurrent requests. A function can be written to handle such requests. Once processing of code is over, URL and the call back function to call can be passed as parameters. These parameters are passed to the AJAXInteraction(url, callback) object. Closures insure that the proper callback function associated with a specific AJAX interaction is called.

How do you know that an AJAX request has completed?
By determining the readyState property value of XMLHttpReqyest, One can know if the request is completed. If the readyState value = 4, the request has been completed and the data is available.

Explain about the Response time when we are using this language?
Response time is also known as latency which can be described as the time taken or interval between the time taken to process the request generated from the client on the server. Proper handling of the XMLHttprequestobject might be the cause for some delays between the client and server request.

Explain about the onreadystatechange property?
Onreadystatechange property is very useful in Ajax. It stores information received from the client. It stores the function which can process the request generated from the client side in the server thereby reducing the time lag and increasing the efficiency of the process.

Explain about the readystate property?
Readystate property holds the response of the server to the query generated from the client side. Each time the readystate property changes onreadystatechange function will be executed. Some of the values for the readystate property are as follows if the status is zero the request is not initialized, 1 the request has been set up, 2 the request has been sent, 3 the request is in process, 4 the request is complete.

Explain about sending a request to the server?
To send a request to the server we should use the open () and send () method. Open() method has three arguments of which the first one defines which method to use which would help in sending the request. The second argument explains about the URL of the server side script. The third argument or request determines how the request should be handled whether asynchronously or not. Send () method is useful to send a request to the server to determine functionality.

If there is an input in the text field what are all the functions which get executed?
The following functions are executed when there is an input in the text field.
1) Defines the url which we should be sent to the server.
2) A parameter is added to the content of the input field.
3) A parameter is added to prevent the server from the cache.
4) When a change is triggered statechange is executed.
5) An XMLHTTP object with a given URL gets executed.
6) A request to the server is sent through HTTP.

Explain how friendly Ajax is with SEO ?
Ajax is a combination of many languages and it is not so friendly with search engine indexing because it uses Javascript for much part of its code. This problem occurs with websites which have dynamic data present in it. Search engines generally do not index Javascript present in web pages. Careful indexing should be done where there is dynamic data and presence of javascript.

Explain about the multimedia functions of ajax?
Ajax lacks built in multimedia functions. It is not so supportive of inbuilt applications but uses other browser functionalities and plugin`s such as SVG, Quicktime and flash pugin. General multimedia for ajax is achieved through mashup and hack. These multimedia functions can be obtained from outside which helps in building excellent applications.

Explain about direct ajax frameworks?
Direct ajax frameworks require CSS, HTML and ajax expertise. Authoring should be done in HTML and framework directly deals with HTML elements. Many of the frameworks and API`s are provided are many purposes such as commonly including functions (COM), event handling, DOM, and altering graphic rich elements. These frameworks are used for shopping frameworks but not for web based applications.

What does an ajax component frameworks provides?
The following features are provided for ajax component frameworks. They areCusomization Applications, skinning facilities, extensibility and programmatic control.These functions are very rich in application but they are a bit slower in execution with less control.

Explain the disadvantage of ajax related to browser integration?
Dynamically created pages created by ajax does not support back button which takes the user to the previous pages. There are various solutions to this problem out of which one solution is to use iframes. Also users can bookmark a certain application in its state. User can maintain the applications as the state of the application changes.

State the difference between GET and POST?
You would use GET when the request is idempotent, meaning that multiple requests generate the same result. In general use GET to retrieve data from the server, in other words try to change the state on the server with a GET call. Use POST methods anytime you are changing the state on the server with a GET call. In POST you are required to set the content-Type header on the XMLHttpRequest.

Explain about security of the Ajax based web applications?
The XMLHttpRequest object is subjected to the browsers security sandbox. Any resources requested by the XMLHttpRequest object must reside within the same domain from which the calling script originated from which the calling script requested. XMLHttpRequest cannot request services due to security restriction, outside the domain from which the script was originally served.

Explain about clearPreviousResults?
The clearPreviousResults function performs two tasks removing the results header task that appears at the top and clearing any rows from the results table. The nest task is to clearPreviousResults is to delete any rows that may already be in the table displaying the search results. Any results rows are child nodes of the tbody node.

Explain about the getElementsByTagName and parseResults function?
You use the tag method to retrieve all the property elements in the XML document as an array and assign the array to the local variable properties. Once you have the array of property elements you can iterate over each element in the array and retrieve the data. With parseResultsfunction you can get the next element in the array and assign it to the local property.

No comments: