jquery+Ajax如何把菜单栏的id传递内容中去?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

jquery+Ajax如何把菜单栏的id传递内容中去?

2016-06-02 18:44:01 2522 1
<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)
  • 吴孟桥
    2019-07-17 19:25:31
    $(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');
            });
        });

    代码如上

    0 0
相关问答

4

回答

Spark 【问答合集】

社区小助手 2019-05-29 14:13:40 127120浏览量 回答数 4

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 93750浏览量 回答数 28

5

回答

设置跨域资源共享CORS并使用JS表单PostObject直接上传到OSS

wood23 2015-02-12 08:11:09 40791浏览量 回答数 5

3

回答

Logstash采集文件名称以及自定义格式的日志文件采集

Snorlax 2019-06-18 11:51:28 114891浏览量 回答数 3

1

回答

出现这个问题求解决This XML file does not appear to have any

淘合肥 2017-04-08 21:07:00 93038浏览量 回答数 1

42

回答

【精品问答集锦】Python热门问题

小六码奴 2019-05-30 15:27:34 136929浏览量 回答数 42

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 45935浏览量 回答数 20

24

回答

【精品问答】python技术1000问(1)

问问小秘 2019-11-15 13:25:00 475555浏览量 回答数 24

19

回答

小试用,大学问菜鸟也要知道如何去试用之云服务器测评

universitylife 2013-05-14 13:39:36 36552浏览量 回答数 19

19

回答

云数据库RDS MySQL版【问答合集】

我是管理员 2018-08-03 15:10:37 47995浏览量 回答数 19
+关注
0
文章
2240
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载