Ajax applications Scene Analysis

Related Tags:

  From: http://www.javaeye.com 

  Ajax applied Scene 

  1. Driven interactive form 

  Traditional forms submitted in the input text box, click of a button, Background processing has been completed, page refresh, refresh back check whether the correct results.    Use Ajax, click sunmit button immediately to asynchronous processing, and rapid Display on the page was updated after the results, there is no problem refresh the entire page. 

  2. Deep-rooted tree navigation 

  Deep-seated Cascading menu (tree) traversal is a very complex task, the use of JavaScript to control the display logic, the use of Ajax delayed loading a deeper level of data can effectively reduce the burden on the server. 

  Our previous deal with the cascading menu majority is this: 

  In order to avoid the operation of each of the menu caused by heavy load pages, do not use the background of each call, but one-time menu will cascade all the data read from and write full array, and then depending on the user's operation and JavaScript to control its subset of the presentation of the project, so that solved the response speed operation, as well as to avoid heavy load pages sent to the server frequent requests, but if the user does not operate or menu in the menu only on the part of the operation it , which read data will become part of redundant data users and waste of resources, particularly in the complex menu structure, a large quantity of data circumstances (such as menu-there are many, each one has more than 100 dishes project), the more prominent such defects. 

  If in the case of Ajax, the result will be improved: 

  At the time of initial pages, we simply read out its first-class and all the data shows that in the operation of a user of a menu, Ajax will be passed to the current request a background of the two projects are the sub-menu all data, if the request has been presented to two of a menu, after the request to the two operated by the corresponding menu item menu all three of all data, and so on…… so, from what to what with the number on the number of admission, there will be no data redundancy and waste, reduce the total data download and updated pages not override all, the need to update the update only the part can be, both in relation to background processing in the way the user to shorten waiting time, the waste of resources to a minimum. 

  3. Users and rapid exchanges between the user response 

  Among the many people involved in the exchanges and discussions of the scene, the most不爽thing is to let users update pages again and again in order to know whether there is a new discussion there.    Should revert to the new speed of the fastest displayed, and from the user-focused set of extricating themselves, Ajax is the best option. 

  4. Similar vote yes / no such innocuous scenes 

  For scenes like this, if the process takes 40 seconds, a lot of users will directly overlook the past and will not participate in, but Ajax can control in the time within one second, so more users will join it. 

  5. Data filtering and data manipulation scenes 

  Data on the use of filters, according to the schedule to sort, or in accordance with the time and name to sort, filter, etc. switch.    Any demands a high level interactive data manipulation occasions should be used JavaScript, rather than using a series of server requests to complete.    At each data update, and then find and deal with its need to spend more time, and Ajax can accelerate the process. 

  6. Ordinary text input tips and automatically complete the scene 

  In the text box in the form, such as input to the imported tips, or automatically, can effectively improve the user experience, especially those who may be done automatically from the data server-side occasions, Ajax is a good choice. 

  Ajax NA Scene 

  1. Some simple form 

  Although the forms can be submitted from Ajax for the maximum benefit, but a simple form rarely comment on what Ajax can significantly improved.    And some less frequently used forms submitted Bangbushang what Ajax is busy. 

  2. Search 

  Some use search engines such as Ajax and Live.com Start.com browser does not allow the use of the back button to see the results of the previous search, which has been to develop the habit of users search is unforgivable. 

  Now Dojo through iframe to solve the problem. 

  3. Basic navigation 

  Ajax make use of the navigation within the site is a bad idea, why not let the time on system procedures for the better? 

  4. Replacement of a large number of text 

  Ajax can be achieved using the local refresh pages, but if the pages of each part has changed, why not re-do a server request? 

  5. Showed manipulation 

  Ajax appeared to be a purely technical UI, but in fact it is not.    It is actually a data synchronization, manipulation and transmission technologies.    Can be maintained for clean web applications, do not use Ajax to control the pages show is a good idea.    JavaScript can be very simple handling XHMTL / html / DOM, css Rules on the use of the expression data can be very good show. 

  Existing Problems 

  1. Using JavaScript for the Ajax engine, JavaScript compatibility and DeBug things are a headache; 

  Heavy 2.Ajax without refresh, the page does not change refresh override so obvious, so make it easy for users annoying D? D user data is not very Clear now is new or has been updated; existing solution: Tips Position in the relevant data designed to be updated regional obviously, the updated data to the user tips; 

  3. Intermediate process can not be bookmark.    Solution: GoogleMaps through the pages provide a "link to this page" solution to the problem.    You can also link through the url and void? ^ Marker to solve, but have not yet verified. 




Related articles:

Rookie class: CSS style sheet attribute parameter list Daquan
  Property Name    Font attributes (Font)    Font-family    Font-style    Font-variant    Font-weight    Font-size    And background color attributes  Color   Background color -  Background-image ...
Dreamweaver deal with a coup Word document
  As a Web designer, I do not know whether you have such experience: customers to your site materials are mostly Word document, although very easy to read, you had better add to the Web page is not very convenient.    Especially that contain forms of Word documents, if an item to add,...
Ajax.InPlaceEditor ID in the transfer of value
  This function in the framework script.aculo.us packet controls.js document.    First of all, you first find the location of the following phrase:    Ajax.InPlaceEditor.prototype = (    Initialize: function (element, url, options) (    It is amended...
How to judge the fastest overall quality of a web site
  The rapid development of the Internet has brought us a colorful world, the various types of networks is uneven site, the site also have a high level of design low.    So many of the network on the virtual information, how are we going to the fastest judgement of the overall quality...
Improve the speed of help from page
  In arranging the layout of Web pages, the most commonly used method is the one used HTML pages to define the structure of form.    For example, suppose the top of the Web page from the navigation and the two columns below it (out) a - the left is a navigation out of the right of th...