带远程数据库的Phonegap应用程序

时间:2018-05-22 01:04:12

标签: php json ajax jquery-mobile phonegap

PT / EN 如何创建一个phonegap应用程序并连接到Web服务器中的远程数据库,只是为了读取一些数据,比如大学教室的位置,向用户显示楼层和建筑物?我已经有了cordova项目,只需要通过ajax,json,php,jquery mobile以及我在网上看到的一些东西知道连接

1 个答案:

答案 0 :(得分:0)

我这样用PHP组合。我还包括Jquery移动库。如果你感兴趣的话,你可以对jquery mobile做更多的研究。

 <script>
 $(document).on("pageshow", "#ClassRoomPage", function()
{    
$.ajax({
    type: "POST",
    url: link + "[Your remote address]/[your remote address php script].php",
    data: {argument:value, argument:value, argument:value
    } ,
    datatype : "json",
    success: function(value) {
        var value = JSON.parse(value);
        $("#classList").html(value.t);
    },
    error: function(err) { 
        console.debug("error: "+err);
    }
});
   });
   </script>
   <div data-role="page" id="ClassRoomPage" data-url="index.html"></div>

在远程服务器站点上使用php脚本,类似于下面的内容          

    include("dbconfig.php");
    header("Access-Control-Allow-Methods: POST, GET, OPTIONS");
    header("Access-Control-Allow-Headers: Origin");   
    header("Access-Control-Allow-Origin: *");
    if(isset($_POST['class']))
    {
       $class_id = $_POST['class'];
       $sql = "select * from classroom where class_id = '$class_id'";
       $rs = mysql_query($sql);
       $i=0;
       while($rows = mysql_fetch_array($rs))
       {
       $array_list[$i]['class_code'] = $rows['class_code'];
       $array_list[$i]['class_loc'] = $rows['class_loc'];
       ...
       }
       echo json_encode($array_list);
    }
    ?>