解决网站数据显示缓慢的问题

   可以先把整个页面其它的信息先全部显示出来

  然后具体的数据部分可以使用jquery ajax的getJSON()方法 

定义和用法

通过 HTTP GET 请求载入 JSON 数据。

在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执行前执行。

语法

jQuery.getJSON(url,data,success(data,status,xhr))

实例:
  top.php页面  

<li>余额1:<span id="user_money">加载中..</span></li>
<li>余额2:<span id="user_moneyc">加载中..</span></li>

.....

<script type="text/javascript" language="javascript" src="js/mon.js"></script> 先将整个页面与数据无关的信息显示,然后再去调用此js

 

js/mon.js页面

$(window).load(function() {
$.getJSON("mon.php?callback=?",function(json){
$("#user_money").html(json.user_money);
$("#user_moneyc").html(json.user_moneyc);
}
);
});

使用getJSON方法

mon.php 页面

<?php
session_start();
header('Content-type: text/json; charset=utf-8');
$callback = $_GET['callback'];
。。。。。

$money = $row['money'];
$moneyc = 0.00;

。。。。。

$json['user_money'] = $money." RMB";
$json['user_moneyc'] = $moneyc." RMB";

echo $callback."(".json_encode($json).");";
exit;
}
?>

完成。。。。。。。。

posted on 2012-02-23 15:46  belie8  阅读(291)  评论(0编辑  收藏  举报

导航