$("#update").click(function(){
var uid = $(this).attr("rel");
$.get("http://www.xxx.com/getuserinfo.php",{"uid":uid},
function(data){
//var data = {"userName":"lujun", "loveName":"lujun", "birthday":"1989/02/02"};// 模拟数据
$("#userName").text(data.userName);
$("#loveName").text(data.loveName);
$("#birthday").text(data.birthday);
}
);
});

;(function(){
// 发布者
var Model = function(key){
this.key = key;
this.observers;
}
Model.prototype = {
// 添加订阅者
addObserver:function(a){
if(!this.observers){this.observers = []};
this.observers.push(a);
},
// 获取数据的通道
loadData:function(){
throw "undefined";
},
// 通知订阅者数据发生改变
changeValue:function(data){
var observers = this.observers;
for(var i = 0; i<observers.length; i++){
observers[i].update(data, this);
}
}
}

// 订阅者
var Observer = function(model){
this.models;
}
Observer.prototype = {
update:function(){
// 用来维护用户界面
throw "undefined";
},
// 添加发布者
addModel:function(a){
if(!this.models){ this.models = []};
this.models.push(a);
},
// 主动拉去信息
pull:function(){
var models = this.models;
for(var i=0; i< models.length; i++){
models[i].loadData.apply(models[i], arguments);
}
}
}

window.PAGE = {
"Model":Model,
"Observer":Observer,
};

})();

// Model 关注数据传输
function getUserInfoModel(){}
getUserInfoModel.prototype = new PAGE.Model();
getUserInfoModel.prototype.loadData = function(uid){
var _this = this;
$.get("http://www.xxx.com/getuserinfo.php",{"uid":uid},
function(data){
//var data = {"userName":"lujun", "loveName":"鲁军", "birthday":"1989/02/02"};//模拟数据
_this.changeValue(data);
}
);
};

// Observer 关注用户界面
function updateUserInfo(){}
updateUserInfo.prototype = new PAGE.Observer();
updateUserInfo.prototype.update = function(data){
$("#userName").text(data.userName);
$("#loveName").text(data.loveName);
$("#birthday").text(data.birthday);
}

// 关注UI交互
$("#update").click(function(){

var uid = $(this).attr("rel");

var model = new getUserInfoModel();
var observer = new updateUserInfo();

model.addObserver(observer);
model.loadData(uid);

});

//依然使用PAGE 这个命名空间。

PAGE.loadDatas = {};// 存放所有数据更新的方法
PAGE.updates = {};// 存放所有页面的更新方法

PAGE.loadDatas.getUserInfo = function(uid){
var _this = this;
$.get("http://www.xxx.com/getuserinfo.php",{"uid":uid},
function(data){
var data = {"userName":"lujun", "loveName":"鲁军", "birthday":"1989/02/02"};//模拟数据
_this.changeValue(data);
}
);
}

PAGE.updates.updateUserInfo = function(data){
$("#userName").text(data.userName);
$("#loveName").text(data.loveName);
$("#birthday").text(data.birthday);
}

$("#update").click(function(){

var uid = $(this).attr("rel");

var model = new PAGE.Model();// 直接继承 Model
var observer = new PAGE.Observer();// 直接继承 Observer

model.loadData = PAGE.loadDatas.getUserInfo; // 重载（覆盖） loadData
observer.update = PAGE.updates.updateUserInfo; // 重载（覆盖） update

model.addObserver(observer);
model.loadData(uid);

});