首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用JSON数据和Javascript在HTML中创建可点击列表

使用JSON数据和Javascript在HTML中创建可点击列表
EN

Stack Overflow用户
提问于 2018-09-17 05:26:10
回答 1查看 142关注 0票数 0

我正在使用Jquery mobile,我想在我的面板中创建一个可点击的视图列表。看起来像这样..。

代码语言:javascript
复制
   <li><a href='#' onclick='getmoviepic_mobile(this) ;' > MovieTitle"</a> 
   </li>

这是使用json_encode($x)从MYSQL数据库数组中获取的,所以当用户单击标题时,函数getmoviepic_mobile( MovieTitle )就会被触发。

我的问题是如何用json数据设置我的javascript来填充我的html页面。

我的HTML

代码语言:javascript
复制
<div data-role="panel"  id="Panelcategory" > 

      <ul data-role="listview" data-inset="true" id="MovieTitle">
          <li></li>        
      </ul> 


 </div >

PHP getcatagories2_mobile.php

代码语言:javascript
复制
<?php
include("includes/connection.php");

$q=$_POST['input'];

$resultActor = mysqli_query($con,"SELECT id,title, 
 plot,catagory,release_date,rated FROM ".TBL_DATA." WHERE catagory LIKE 
'%".$q."%' ORDER BY title  ");  




    while($rowMovie = mysqli_fetch_array($resultActor)) {



    $x[]=$rowMovie['title'];

    }

        $jsonarray=json_encode($x);
        echo $jsonarray;
?>

Javascript

代码语言:javascript
复制
     function getcatagories(catagory){

        var catagoryValue = $(catagory).text();

       $.getJSON( "getcatagories2_mobile.php", {input:catagoryValue}, 

                function(json) {   this is the part I am stuck on

                               }

我不确定我的HTML设置是否正确,也许不需要"li“。

谢谢你们

EN

回答 1

Stack Overflow用户

发布于 2018-09-17 05:37:13

我会遍历JSON并按键添加属性。例如,您可以查询列表并添加每个值。

代码语言:javascript
复制
$("#MovieTitle").append("<li>" + json["category"] + "</li>")

并对要包含的每个键-值对执行此操作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52358515

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档