js的MVC结构设计

基于jquery的Deferred,设计出如下MVC架构。

模型model

interface.js

interface: function(userid){
    var dtd = $.Deferred();
    $.post("user/service/User.getUserInfo.json",{},function(data){
        if(data){
            dtd.resolve(data.responseData);
        }else{
            dtd.reject("00001:系统维护，稍后再试.");
        }
    }, 'json');
    return dtd.promise();
},
                        

控制器console

console.js

/**
 * 控制器
 */
console : function(){
    $.when(oInterfaceCase.interface())
    .done(function(data){
        oViewCase.view(data);
    })
    .fail(function(msg){
        oFunctionCase.fnAlert(msg);
    });
},
                        

视图View

View.js

/**
 * 视图
 */
view : function(data){
    console.log(data);
},

转载自：林超群博客

http://www.linchaoqun.com/html/js/mvc.jsp