Tham khảo tài liệu 'học php, mysql và javascript - p 41', công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | Example 18-2. html head title Ajax Example title head body center h1 Loading a web page into a DIV h1 div id info This sentence will be replaced div script params url request new ajaxRequest POST true Content-type application x-www-form-urlencoded Content-length Connection close function if 4 if 200 if null info .innerHTML else alert Ajax error No data received else alert Ajax error params function ajaxRequest try var request new XMLHttpRequest catch e1 try request new ActiveXObject catch e2 try request new ActiveXObject catch e3 request false Using XMLHttpRequest 381 return request script body html Let s go through this document and look at what it does starting with the first three lines which simply set up an HTML document and display a heading. The next line creates an HTML DIV tag with the ID info containing the text This sentence will be replaced by default. Later on the text returned from the Ajax call will be inserted here. The next six lines are required for making an HTTP POST Ajax request. The first sets the variable params to a parameter value pair which is what we ll send to the server. Then the Ajax object request is created. After this the open method is called to set the object to make a POST request to in asynchronous mode. The last three lines in this group set up headers that are required for the receiving server to know that a POST request is coming. The readyState property Now we get to the nitty-gritty of an Ajax call which all hangs on the readyState property. The asynchronous aspect of Ajax allows the browser to keep accepting user input and changing the screen while our program sets the onreadystatechange property to .
