Php 如何在phonegap应用程序中将外部数据库中的记录填充到未排序列表

我正在做一个大学入学申请，学生可以自己注册，注册后，申请将立即打开下一页，其中包含他们附近的大学列表。我正在phonegap中开发此应用程序。 我正在获取JSON格式的记录。我必须在未排序的动态列表中填充此数据

学生注册结构：

页面id为“注册”。当我点击注册按钮时，记录（学生信息）被插入，我立即调用页面idlistocolleges，我必须在其中显示学院列表

<div data-role="page" id="Registration" data-theme="d" style="width: 100%;">        
    <div data-role="main" style="width: 100%;">

        <div  style="width: 76%; margin-left: 10%; margin-top: 3%;" id="studentRegister">
            <input type="text" placeholder="Name" name="userName">
            <input type="text" placeholder="Email" name="eMail">
            <input type="number" placeholder="Mobile" name="mobNumber">
            <input type="number" placeholder="Course" name="Course">
            <a href="#ListOfColleges" class="ui-btn"  id="btnReg" style="background-color: #B6B6BC; color: black;">Register</a>
        </div>
    </div>        
</div>  

学院列表页面结构

 <div data-role="page" id="ListOfColleges">     
            <div style="width: 100%; margin-top:21%; margin-left: 1%; color: black;">
                <ul data-role="listview">
                    <li>

                    </li>
                </ul>
            </div>
    </div> 

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

JSON数据和php代码的格式

 <div data-role="page" id="ListOfColleges">     
            <div style="width: 100%; margin-top:21%; margin-left: 1%; color: black;">
                <ul data-role="listview">
                    <li>

                    </li>
                </ul>
            </div>
    </div> 

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

---

我应该寻找教程，但这里有一个指南

在HTML中，向ListView添加一个ID：

<ul id="listCollege" data-role="listview">

但有时您不必这样做，如果您编写它，您的代码将失败，因此请考虑尝试使用或不使用listview（“刷新”）指令

希望有帮助
 
请帮我写这个脚本
不是问题陈述。循环您的数据并将其解析为html。如果你不确定如何学习一些tutorials@charlietfl，谢谢你的回复。你能告诉我怎么做吗？有很多教程要学习
$("#listCollege").listview("refresh")