如何将多个信息添加到 JQuery Mobile 列表视图中

【问题标题】：How to add more than one information into JQuery Mobile List view如何将多个信息添加到 JQuery Mobile 列表视图中
【发布时间】：2015-01-07 08:25:14
【问题描述】：

我正在获取 JSON 数据（在给定距离内可用的酒店列表）。我正在以 JSON 格式获取以下信息，酒店名称，酒店距离我们当前位置的距离，房间数量。在给定距离内可能有多个酒店。我们必须在 ListView 中打印所有这些信息，如下所示。我想将下图中酒店的所有信息组合到一个列表视图中。

当我们点击任何酒店列表时，它将重定向到酒店网站或更多详细信息专用酒店页面。

Javascript 代码是。

    <script> 
            $(document).ready(function(){ 
                $("#btnReg").click(function(){ 
                    $("#listOfHotelOption").empty();
                    var distance = document.getElementById('distance_id').value; 
                    var output=""; 
                    $.ajax({ 
                            url:"http://192.168.1.4/Experiements/webservices/getBuddy.php", 
                            type:"GET", 
                            dataType:"json", 
                            data:{type:"login", Distance:distance}, 
                            ContentType:"application/json", 
                            success: function(response){ 
                            console.log(response) 
                                $.each(response, function(index,value){ 

                                 output+="<li>"+value.Hotel.Name+" "+value.Hotel.Distance+" " +value.Hotel.Rooms+"</li>";
                                }); 
                            $("#listOfHotelOptions").append(output).listview().listview('refresh'); 
                        }, 
                            error: function(err){ 
                            alert(JSON.stringify(err)); 
                        } 
                    }) //ajax 
                }); //click 
            }); //ready 
    </script>

**My server site code is** 

<?php
header('Access-Control-Allow-Origin: *');//Should work in Cross Domaim ajax Calling request
mysql_connect("localhost","root","1234");
mysql_select_db("hotels");
if(isset($_GET['type']))
{
    if($_GET['type']=="login"){
        $distanceInKM=$_GET['Distance'];       
        $query="Select * from Hotels where Distance<='$distanceInKM'";
        $result=mysql_query($query);
        $totalRows=mysql_num_rows($result); 
        if($totalRows>0){
            $recipes=array();
            while($recipe=mysql_fetch_array($result, MYSQL_ASSOC)){
                $recipes[]=array('Hotel'=>$recipe);
            }
            $output=json_encode(($recipes));
            echo $output;
        }
    }
}
else{
    echo "Invalid format";
}

【问题讨论】：

• 您希望将列表项的格式设置为您所拥有的图片？
• @Tasos，对不起，请忽略以前的 cmets，我正在尝试这样 output+="
• "+""+" "+value.Hotel.Name+" 有 "+value.Hotel.Rooms+"available"+"
";每个列表显示都可以点击并重定向到专用酒店页面..