$(function(){
$("button").click(function(){
$.ajax({
type:"GET",
url:"test.php",
dataType:"json",
success:function(data){
$("#date").text(data.date);
$("#time").text(data.time);
}
})
})
})
<button>加载数据/<button>
日期:
时间:
这个HTML页，你可以命名为任意文件名，然后把你保存好的这个HTML文件放在你的WEB测试目录，再到同级目录建立一个PHP文件，合名为test.php 代码如下：
$date=date('Y-m-d');
$time=date('H:i:s');
$str='{"date":"'.$date.'","time":"'.$time.'"}';
echo $str;
?>
当我们打开这个WEB页面时，如下图：
当我们点击加载数据后，显示如下图：
每点击一次，就会从PHP文件中动态取出时间，并且体会不到是在整个页面刷新，而只需要刷新日期和时间这个位置，是不是很方便呢？