利用自定义属性data-xx并jquery调用,直接获取单条数据详细

// data-cook的值可以看出,这是一个json对象,对象的属性值是用struts标签赋值的,这样写可以不用去服务器在访问一次,获得数据,直接从列表中获取
// jsp中的代码
<a data-cook="{'id':'<s:property value="#cf.id"/>','name':'<s:property value="#cf.name"/>','type':'<s:property value="#cf.type"/>','canci':'<s:property value="#cf.canci"/>','food':'<s:property value="#cf.food"/>','foodType':'<s:property value="#cf.foodType"/>','tangniaobing':'<s:property value="#cf.tangniaobing"/>','gaoxueya':'<s:property value="#cf.gaoxueya"/>','':'<s:property value="#cookedFood.id"/>'}" >修改</a>&nbsp;&nbsp; <a data-ref="{'id':'<s:property value="#cf.id"/>'}">删除</a> // js中调用的代码 // 修改 $("a[class!='icon_add'][data-cook]").click(function() {// 不包含class属性为icon_add,但包含data-cook属性

// 用eval转化json对象 var id = eval("(" + $(this).data('cook') + ")").id; var name = eval("(" + $(this).data('cook') + ")").name; var type = eval("(" + $(this).data('cook') + ")").type; var canci = eval("(" + $(this).data('cook') + ")").canci; var food = eval("(" + $(this).data('cook') + ")").food; var foodType = eval("(" + $(this).data('cook') + ")").foodType; var tnb = eval("(" + $(this).data('cook') + ")").tangniaobing; var gxy = eval("(" + $(this).data('cook') + ")").gaoxueya; _commonCook(id,name,type,canci,food,foodType,tnb,gxy); }); // 删除 $("a[class!='icon_add'][data-ref]").click(function() { var id = eval("(" + $(this).data('ref') + ")").id; window.location.href="cookedFood_delete.do?cookedFood.id=" + id; });

加QQ群226728216

posted @ 2014-05-29 14:38  piter  阅读(458)  评论(0编辑  收藏  举报