互联网解决方案咨询

梦想有多大路就会有多远:作一颗IT量子
  首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

javascript上实现动态参数

Posted on 2010-03-29 19:40  互联网粒子  阅读(425)  评论(0编辑  收藏  举报

最近在项目中用了JS模板技术,用JS和AJAX驱动来实现前端和后台的分离,实现UI的多样化定制功能。

以下记录实现通过参数多态的方式获取页面的元素给AJAX后端参数赋值。

    function myFunction(test1,test2)  
    {  
        var jh_input = document.getElementById(test1);
       alert(jh_input.value);
              
        var t2 = document.getElementById(test2);
        alert(t2.value);              
    }
   function extendFunction(callbackFunction,extend)  
   {  
       var extendStr = "this is extend string!";  
       var args = [];  
       if(typeof(extend) == "object")  
       {  
           for (var property in extend)  
           {                
               callbackFunction[property] = extend[property];              
               args.push(extend[property]);  
           }  
       }        
       callbackFunction["extendStr"] = extendStr;          
       args.push(extendStr);
       callbackFunction.apply(this,args);  
   }  
  </script>

<form id=frm>
<div id=els>
<input type=text id=txt_name />
<input type=text id=txt_pwd />
</div>
<input type=button value=submit onclick="javascript:extendFunction(myFunction,{name:'txt_name',pwd:'txt_pwd'});  "; />
</body>