问题描述
- 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>
解决方案
看了半天，没有弄明白你要表达的意思，菜单栏的id传递到哪？
解决方案二：
$.get(
'goods.php',
qjbl:qjbl,//这个方法应该是这样的才对吧
function(msg) {
$(msg)
.each(
function(i,
解决方案三：
$(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');
});
});
解决方案四：
就是把item.cat_id 传递到goods.php里？？
时间： 2024-08-03 00:31:55