亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javascript巧用eval函數(shù)組裝表單輸入項(xiàng)為json對(duì)象的方法

 更新時(shí)間：2015年11月25日 15:41:59   作者：Jimmy.Yang  
這篇文章主要介紹了javascript巧用eval函數(shù)組裝表單輸入項(xiàng)為json對(duì)象的方法,實(shí)例分析了JavaScript使用eval函數(shù)動(dòng)態(tài)構(gòu)造json對(duì)象的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript巧用eval函數(shù)組裝表單輸入項(xiàng)為json對(duì)象的方法。分享給大家供大家參考，具體如下：

在ajax方式做web開發(fā)時(shí)，經(jīng)常會(huì)遇到會(huì)保存前，收集表單輸入項(xiàng)，組成json對(duì)象，然后把對(duì)象直接post到服務(wù)端的場(chǎng)景

常規(guī)做法是在js里寫類似如下的代碼:

var myObj = {}; 
myObj.x = document.getElementById("x").value; 
myObj.y = document.getElementById("y").value;
//... 
//然后ajax post或get提交

表單元素不多的時(shí)候，這樣還好，但是如果一個(gè)表單有好幾十項(xiàng)甚至更多輸入項(xiàng)的時(shí)候，寫這種代碼就太費(fèi)勁了。

好在javascript中有一個(gè)邪惡的eval函數(shù)，可以幫我們完成一些類似c#反射的工作，比如下面這樣:

eval('A={}');
if (A.b==undefined)
{
 A.b = {};
}
eval('A.b.c = 1');
alert(A.b.c);

這樣，我們就動(dòng)態(tài)創(chuàng)建了一個(gè)復(fù)合對(duì)象A，明白其中原理后，可以對(duì)表單做些改進(jìn):

運(yùn)單號(hào)：<input type="text" name="AwbPre" value="112" style="width:40px"/>-<input type="text" name="AwbNo" value="12312311"/><br/>
結(jié)算方式：
<select name="SettlementMode" style="width:100px">
 <option value="CASH" selected="selected">現(xiàn)金</option>
 <option value="MONTH">月結(jié)</option>
</select>
<br/>
不需要賦值的屬性：<input type="input" name="NotMe" value="NotMe ..." isModel="false"/>
<script type="text/javascript">
function setFormModel(modelName){
  eval(modelName + "={}");
  var inputArr = document.getElementsByTagName("INPUT");
  for(var i=0;i<inputArr.length;i++){
   var isModel = inputArr[i].getAttribute("isModel");
   var itemName = inputArr[i].name;
   var itemValue = inputArr[i].value;   
   if(isModel!="false"){
    eval(modelName + "." + itemName + "='" + itemValue + "';");
   }   
  }
  var selectArr = document.getElementsByTagName("SELECT");
  for(var i=0;i<selectArr.length;i++){
   var isModel = selectArr[i].getAttribute("isModel");
   var itemName = selectArr[i].name;
   var itemValue = selectArr[i].value;  
   if(isModel!="false"){
    eval(modelName + "." + itemName + "='" + itemValue + "';");
   }   
  }
  return modelName;  
}
setFormModel("AwbModel");
alert("單號(hào)：" + AwbModel.AwbPre + "-" + AwbModel.AwbNo + "\n結(jié)算方式：" + AwbModel.SettlementMode + "\n不該有的屬性：" + AwbModel.NotMe);
</script>

這樣，只要form元素的name屬性正確設(shè)置，需要收集表單對(duì)象時(shí)，調(diào)用一下setFormModel函數(shù)，就能快速得到一個(gè)json對(duì)象(當(dāng)然這只是示例，僅處理了一級(jí)屬性的情況，如果有多級(jí)屬性，大家自己去擴(kuò)展吧，無非就是字符串上做些文章)

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論