javascript面向对象编程

首先创建一个result对象:

var result={
    dgName:'#dg_test',//页面datagrid
    treeName:'#tree_test',//页面tree名称
    params:{parma:'', parmb:'', parmc:''}//全局变量
    initPage:function(){
    result.functionA();//函数A
    result.functionB();//函数B
},

  functionA:function(){
   $(result.dgName).datagrid({
    //初始化datagrid
    });
  },

};

js代码从上向下执行后，会定义当前页面各种所用到的组件名称(如datagrid列表,Tree,combo等等)，声明全局变量：可以通过result.params.parama的方式调用，后续执行函数，实现页面刷新，函数内部可以用ajax实现页面异步刷新:

functionB:function(){
    var requestdata={
    api:"requestA",
    parA:result.params.parma,//调用result对象里声明的参数parma
    };
    $.ajax({
    type:"POST",
    url:"data.ashx",//后台接受请求的ashx文件
    data: JSON.stringify(requestdata),
    contentType: "application/json; charset=utf-8",
    dataType: "json",//传入后台的数据类型
    success: function (json) {
         //callback(json);                                                                    
    },
    error: function () {
    //异常处理
}，
});
},

在页面多请求的情况下，为避免代码冗余，多次ajax代码重复,可以将ajax请求封装进js文件，页面直接调用即可，

创建javascript对象可以实现页面局部刷新，减少代码重复，逻辑思路清新。