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，怎样动态的获取啊？？

展开

收起

吴孟桥 2016-06-02 18:44:01 3100 0

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

赞同展开评论打赏

问答分类：

JSON 数据格式

问答标签：

jQuery ajax ajax jquery ajax.js jQuery ajax.js传递 jQuery内容

问答地址：

开发者社区 > 大数据 > 问答