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

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

2014-05-29 14:38 477 查看
// 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>  
<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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: