静态页面之间的转发与json与ajax做到动态数据

标签：

我们见过很多使用jsp ,php,asp的动态网页技术的网站了,我们知道如果一个网站内容更新频率极低,而内容量不是十分庞大时,这样的网站(一次开发完成后不会需要较多的维护成本)的完全可以使用全部使用静态页面来做,此时其实反而可以得到更好的效果(更快的响应时间(省掉了服务器各种拦截器,过滤器,数据库查询..),...)

有一个有趣的情形是,当需求没有那么复杂,你想要的真的非常清晰,非常直观,非常简单时,关于网站,我完全可以非常轻量级的非常惬意的去做这件事情,然后版本迭代,渐进增强,

我尝试着,可以使用json进行通用的数据传递,制定出一套数据的请求接口(ajax的url),这是一个思路再清晰不过的后台了

页面可以彻底使用静态的html,同样可以做到动态的数据,例如一个用户列表页和一个用户详情页,html技术里本身js即可以实现截获相应请求参数,异步请求,页面重定向等

//user_list页内
<a href="user_profile.html/?user_id=5">跳到user_profile页去</a>



//user_progile页内
var req=window.location.search; //console.log(‘query:‘+req);
var user_id=req.substr(1).substr(8);

var profile="http://xxxxx.com/api/users/"+user_id+"/profile";

$.getJSON(
              profile,
              function(data){
                  console.log(data);
                  $(‘#nick_name‘).text(data.data.nickname);
 });

当然这样做同样有非常多的不足之处,

但显而易见的一件事情是,少写了非常多的一堆代码,少用了一堆library,仍然快速搭建起了一个具体可用的网站,以一种触手可及信手拈来的方式.

静态页面之间的转发与json与ajax做到动态数据

标签：

原文地址：http://www.cnblogs.com/isdom/p/webtips009.html