原始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" οnclick="ajaxFunction();">click me to get the date.</div>

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

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

time.php 很简单.

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

<?php

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

?>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值