原始ajax小例子,来说明ajax是如何工作的

昨天做一个ecshop的快捷购物车,发现transport.js 与jquery冲突,这使我又重新想起了ajax

用几行最简单的代码来说明问题.

1. 没完全安要求格式来哈,里面的属性没写完.

假设这个HTML页存为 demo.html , time.php和它在一个目录下.比如 /xampp/htdoc/do2ccc/ajax/中.

<script>

function ajaxFunction()
{
var xmlHttp;

if(window.XMLHttpRequest) //这对IF...ELSE用来判别浏览器的版本.

            xmlHttp=new XMLHttpRequest();

   else

              xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");   
     
     xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4) //有5种状态,具体看API.
        {
         document.getElementById("infor").innerHTML = "<font color=green>"+xmlHttp.responseText+"</font>";
        } //红色部分,就是当这个FUNCITON被激发,就用这个方法去获取字符.
      }
    xmlHttp.open("GET","time.php",true);// 指定从哪里获取
    xmlHttp.send(null);

}
</script>

<div id="infor" onclick="ajaxFunction();">click me to get the date.</div>

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

下面是为上面的ajaxFunction()提供服务的这个 time.php, (因为我的机子上有XAMPP, PHP写起来也方便些,所以就用PHP代码了.)

time.php 很简单.

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

<?php

echo date("Y-m-d");

?>

你可能感兴趣的:(Ajax)