您的位置:首页 > Web前端 > JQuery

通过Jquery中的选择器选择相同的className统一处理表单(可以同时处理多个表单在一个网页中)

2014-02-12 17:16 441 查看
html:

<script type="text/javascript" src="<%=basePath%>js/jquery-1.4.2.min.js"></script>

<div>

//其中 obj为Json中对象名称

<table id='' class='dktable' border='0'>

<tr class='dk_tr'>

<td align='right' class="dk_td1">xxx</td>

<td align='left' class="dk_td2"><label id="obj.id" class="propvalue"></label></td>

<td align='right' class="dk_td1">xxx</td>

<td align='left' class="dk_td2"><label id="obj.name" class="propvalue"></label></td>

</tr>

<tr class='dk_tr'>

<td align='right' class="dk_td1">xxx</td>

<td align='left' class="dk_td2"><label id="obj.sex" class="propvalue"></label></td>

<td align='right' class="dk_td1">xxx</td>

<td align='left' class="dk_td2"><label id="obj.age" class="propvalue"></label></td>

</tr>

</table>

</div>

Js:

$().ready(function() {

//json格式:{"AAA":{"aa":"111","bb":"222"},"BBB":{"aa":"111","bb":"222"}}

var get_url = "rest/base/transpotCyryHandler/getCyryJsonById";

var param = {'id':cyry_id};

$.ajax({

contentType: "application/x-www-form-urlencoded; charset=utf-8",

dataType:"json",

type: "post",

async:true,

data:param,

url: get_url,

success: function (data){

if(data.hasError){

alert(data.errorMessage);

}else{

var obj = {};

obj = data;

$(".propvalue").each(function(){

var propName = $(this).attr("id"); //propName格式:xx.yy arr = split('.') //$(this).html(obj[xx][yy]);

var propValue = obj;

var propNameArr = propName.split('.');

for(var i=0;i<propNameArr.length;i++){

propValue = propValue[propNameArr[i]];

}

//日期戳转换成日期格式

if(propName =='obj.date'){

if(propValue != '' || propValue != null){

propValue=getFormatDateFromTimes(propValue);//转换函数

}

}

$(this).html(propValue);

});

}

},

complete:function(){

spinner.stop(); //用来停止loading

$(ele).hide();

}

});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐