日期:2014-05-16  浏览次数:20709 次

原始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");

?>