jquery+Ajax如何把菜单栏的id传递内容中去?
<script>
$(function()
{
var qjbl={};
$.get('category.php','parent_id=0',function(msg){
$(msg).each(function(i,item){
$('#menu>ul').append('<li>'+item.cat_name+'</li>');
qjbl=item.cat_id;
});
},'json');
$('#menu').bind('click',function()
{
$('#content').empty();
$.get('goods.php',qjbl,function(msg)
{
$(msg).each(function(i,item)
{
$('#content').append('<div style="float:left;width:20%;margin:5%;text-align:center;"><img src="'+item.goods_img+'"/>'+'<p>'+item.goods_name+'</p></div>');
});
},'json');
});
});
</script>
</head>
<body>
<div id="container">
<div data-role="page" id="page">
<div data-role="header"
data-icon="home" data-theme="a" data-mini="false">
<a href="#" data-role='button' data-rel="back">返回</a>
<h1>商品分类</h1>
</div>
<div id="menu">
<ul>
</ul>
</div>
<div id="content">
</div>
# </div>就是把item.cat_id 传递到goods.php里？？
我获取的cat_id始终是数据库里最后数据的id，怎样动态的获取啊？？
展开
收起
1
条回答
写回答
写回答
-
$(function () { $.get('category.php', 'parent_id=0', function (msg) { $(msg).each(function (i, item) { //cat_id放到自定义属性里面 $('#menu>ul').append('<li catid="' + item.cat_id + '">' + item.cat_name + '</li>'); }); }, 'json'); $('#menu').bind('click', function (e) { var target = e.target;//得到点击对象 if (target.tagName != 'LI') return;//点击的不是li对象退出，就是上面得到的li对象 $('#content').empty(); $.get('goods.php', { cat_id: target.getAttribute('catid') },////////////////// function (msg) { $(msg).each(function (i, item) { $('#content').append('<div style="float:left;width:20%;margin:5%;text-align:center;"><img src="' + item.goods_img + '"/>' + '<p>' + item.goods_name + '</p></div>'); }); }, 'json'); }); });代码如上
2019-07-17 19:25:31赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
