Ajax: Let us return to the static pages

Posted by john
11/15/2007
Related Tags:

  This title is a little joke, but indeed, has expressed the meaning of Ajax; 
  Ajax is not a new technology, but traditional technologies to the portfolio after the application of technology, it brings visitors here feel completely different: we no longer have time and again after waiting for the submission form or refresh page initiative, the traditional dynamic web page technology has been hidden Ajax to the background, we have seen is a static pages, dynamic program is the result of direct feedback without refresh displayed on the page; 
  This sounds like a really experienced in the static pages, dynamic pages, we have once again returned to the static pages in the world, but this time has been completely different. 

  Ajax see related presentations after my first reaction was MSN Space, I have been on the MS Blog services find it very strange when I submitted replies to the future, the browser will be temporarily pause, and then in the absence of the set of circumstances I Comments submitted by the show when Ajax know after I finally came to the original case. 
  Have said Sina-Blog also used Ajax, so specialized irrigation test a lot of the past, such as the one indeed; Also, some time ago BlueIdea have posted GoogleSuggest code research, and do not refresh pages circumstances, Pages can still search for and return here by the importation of the results, now want to come, as expected Ajax applications is right. 

  "80s team" some time ago and have been reproduced and translated relevant article (in BXNA to retrieve), but I think it is necessary to very carefully study and understand, here again extracts, mixed copied below. 

-----------------------------

  Ajax (Asynchronous JavaScript + XML), the definition of XHTML and css * the standards; 
  * Use DOM (Document Object Model) dynamic Display and interactive; 
  * Use XML and XSLT for data exchange and related operations; 
  * Use XMLHttpRequest for asynchronous data query, retrieval; 
  * Use JavaScript things will be all bundled together. 


  Ajax can do? 
  Now Google Suggest and Google Maps use of Ajax, through Ajax, we can make the client get rich applications and the exchange of operational experience, and users will not feel the website or refresh process, the page does not need to be re-loaded, Application of data exchange have been hidden. 
  WEB traditional application of this model is: the user interface operation triggered HTTP request, the server receives the request after some business logic processing, such as the preservation of data, and then return to a client html pages. 
  However, this approach does not give users the application of good experience in dealing with the data when the server when the user is in a waiting state, every step of operation need to wait too many more users will not wait patiently. 
  And Ajax are quite different, it adopted Ajax engine, makes the application process is very natural, very smooth operation, and only because of its useful exchange of data servers, and display pages of unnecessary data no longer reload.    Ajax engine is actually JavaScript, XML, XMLHttpRequest, etc. and the comprehensive application of the technology. 


  -- Figure 1: WEB traditional application model (left) and Ajax application model (right) Comparison 

  In response to users when the server at the request of customers, when do?    Right, in the waiting.    In the mission every step, users are doing the same thing. 
  Obviously, if we design the system from scratch for applications point of view, the user would not have to wait long.    When the download is complete interface, and why every user interaction will be waiting for the interruption? 

  Ajax What is the difference? 
  Ajax applications use a media center (Ajax engine) Elimination of the interaction between users and servers waiting.    This is just like in the traditional web by adding a layer of intermediate model can reduce the response time. 
  Pages download alternative is the beginning of the Session, download a browser with JavaScript prepared by the Ajax engine, usually placed in a hidden framework.    This engine instead of users and servers to communicate.    Ajax allows user interaction and server response is asynchronous.    So users will not see that the Background of the operation of the hourglass icon. 


  -- Figure 2: WEB application of traditional synchronous interactive mode (1) and Ajax application of asynchronous mode (2) Comparison 

  HTTP requests in the traditional model was js called Ajax engine alternative.    No longer respond to all the needs of the server to return, Ajax can operate on its own.    If the server needs of the Ajax engine response, it will asynchronous response sent to the server, usually using XML, will there be no more waiting for the situation. 

  Who are current in the use of Ajax 
  Application of the current Ajax many websites, such as: 
  * Orkut 
  * Gmail 
  * Google Groups 
  * Google Suggest 
  * Google Maps 
  * Flickr part of 
  * Amazon's A9.com search engine parts 

  Ajax Ajax application prospects of the greatest challenges is not technology, the technical component Ajax is already very mature, stable and easy to learn, and the main challenge is how to design applications using Ajax, we must discard the past to the limitations of the view WEB begin to broaden our horizons , open thinking, continual innovation, and achieving a more extensive application experience. 


  And More From "Qiantu's Weblog" 
  It was specifically developed as one of SAJAX (Simple Ajax Toolkit) tool kits, Sajax is an open source tool kit can help those sites more easy-to-use Ajax.    Sajax can no browser refresh circumstances, through the use of Javascript to easily call ASP, Cold Fusion, Perl, PHP, Python, and other Web applications functions. 
  Two examples: graffiti and calculators, will help to understand what is Ajax. 


  Related links: http://michael.nona.name/archives/95 http://edad.com.cn/datou/2005/02/ajax.htm http://www.adaptivepath.com/publications/essays/archives / 000385.php http://www.80s.net.cn/blog/comment.asp?Id=102 http://www.chinalabs.com/cache/doc/05/03/18/44523.shtml 


Related articles:

Javascript in the form of creating web pages related effects collate
  Can only be a limited number of things    ENTER key to the cursor can be moved to the next input box    <input Onkeydown="if(event.keyCode==13)event.keyCode=9">    Only Chinese <input onkeyup = "value = value.replace (/ [- ~] / g ,'...
How real and effective enhanced the website's traffic
  My partner's topic is: "How real and effective enhanced the website's traffic,"    1, diligence: I propose to do is, if one thing is not how much you do on the success of the effort, then I can only say that you are GOD, admire!    2, brainstorm: a har...
CSS Practical Guide: start from the basis (2)
  3.    Cascading Style Sheets format    Generally speaking, the style sheet into the statement selectors (selector) and block () (block), block contains attributes (properties) and the attribute values (value), the basic format is as follows:    Example Source ...
How to fight with the free flow of traffic to pay a combination of boxing
  Free flow refers to SEO, Links, refers to various pay-per-click flow / show / pay-for-performance advertising, the advertising and subscription.    Paid traffic as Western medicine, rapid and clear results, but the cost, effectiveness shorter as free flow of Chinese medicine, slow...
XHTML code norms
  At the beginning of formal content creation, we must first understand what the code web standards specifications.    Understanding of these norms can help you make detours less, as soon as possible through the code validation.    1. Have all the markings must be a corres...