Front-End Code:
varxmlHttp;
var count = 1; functioncreatexmlhttprequest () {if(Window.ActiveXObject) {XmlHttp=NewActiveXObject ("Microsoft.XMLHTTP"); } Else if(Window.XMLHttpRequest) {XmlHttp=NewXMLHttpRequest (); } } functionDostart () {createxmlhttprequest (); varqueryString = "Auto_refresh.php?task=reset"; XmlHttp. onreadystatechange =Handlestatechange; XmlHttp. Open ("GET", queryString,true); XmlHttp. Send (NULL); } functionHandlestatechange () {if(Xmlhttp.readystate = = 4) { if(Xmlhttp.status = = 200) {setTimeout ("Pollserver ()", 5000);//5 seconds after execution is pollserver ()Refreshtime (); } } } function Pollserver () {
var queryString = "auto_refresh.php?task=foo&count=" +count++;
Xmlhttp.onreadystatechange = Pollcallback;
Xmlhttp.open ("GET", queryString, True);
Xmlhttp.send (NULL);
} function Pollcallback () {
if (xmlhttp.readystate = = 4) {
if (Xmlhttp.status = = 200) {
var message = XmlHttp.responseXML.getElementsByTagName ("message") [0].firstchild.nodevalue;
var new_row = createrow (message);
var table = document.getElementById ("Dynamicupdatearea");
var table_body = table.getelementsbytagname ("tbody"). Item (0);
var first_row = Table_body.getelementsbytagname ("tr"). Item (1);//implementation is interpolated from the Refresh field, First_row is null
var first_row = Table_body.getelementsbytagname ("tr"). Item (0);//implement to plug in from refresh field
Table_body.insertbefore (New_row, First_row);
if (Message! = "Done") {
SetTimeout ("Pollserver ()", 5000);
Refreshtime ();
}
}
}
}functionRefreshtime () {varTime_span = document.getElementById ("Time"); varTime_val = Time_span.InnerHTML; varInt_val = parseint (time_val);//returns an integer converted from a string. varNew_int_val = Int_val-1; if(New_int_val >-1) {Time_span. InnerHTML =New_int_val; SetTimeout ("Refreshtime ()", 1000); } Else{Time_span. InnerHTML = 5 } } functioncreaterow (message) {varrow = Document.createelement ("tr"); varCell = document.createelement ("TD"); varCell_data = document.createtextnode (message); Cell.appendchild (Cell_data); Row.appendchild (cell); returnRow; } </script>Refresh</td> </tr> </tbody> </table></body>Back-End Code:
<?PHPif($_get){ $task=$_get["Task"]; $count=$_get["Count"]; $message= ""; $res= ""; if($task= = "Reset" ){ $message= ' Start again! ‘; }Else{ Switch($count) { Case1:$message= ' Lixuan Case 1 '; Break; Case2:$message= ' Lixuan Case 2 '; Break; Case3:$message= ' Lixuan Case 3 '; Break; Case4:$message= ' Lixuan Case 4 '; Break; Case5:$message= ' Lixuan Case 5 '; Break; Case6:$message= ' Lixuan Case 6 '; Break; Case7:$message= ' Lixuan Case 7 '; Break; default:$message= ' Done '; Break; }//$count + +; } $res= "<message>".$message." </message> "; Header("Content-type:text/xml"); Header("Cache-control:no-cache,must-revalidate"); Print_r("<response>".$res." </response> "); Exit;}include'/home/q/www/crmxuan.qunar.com/htdocs/buycar/auto_refresh_1.php ';?>
ajax+php Automatic Refresh Page