javascript - 将 HTML5 PhoneGap App 连接到在线数据库

Question

我正在寻找一个 HTML 5 应用程序，它将在苹果和安卓商店上可用。 (所以它需要是跨平台的，我正在使用 Phonegap)

我的问题是应用程序上显示的信息将通过一些在线数据库定期更新，这些数据库将由我自己而不是用户在线编辑。连接到此数据库的最佳做法是什么以及哪种数据库最有效(请注意信息不是私有(private)的并且可以公开获取信息用于填充应用程序中的列表和内容)

我一直在研究 XML 然后是 JSON 以获取“数据库”和插入内容的 Handlebars ，我有点偏离了..

将此视为必须使用 js 的 HTML5 应用程序。该应用程序本身很简单，它只是分类列表(category、genre、list、item)，然后是 title:img:description 每个项目。

任何帮助、代码或见解都会很棒。感谢您的宝贵时间!

Answer 1

您可以在服务器端使用您选择的任何数据库。假设您的数据库位于 mysql 上，那么您可以编写一些 php 脚本来检索数据。接下来，这些 php 脚本应根据您的选择返回某种 JSON 或 XML 响应。最后，您可以使用 ajax 调用这些 php 脚本并在您的应用程序中获取这些 JSON/XML 响应并提取它们。

现在有很多方法。你应该使用你觉得舒服的地方。如此多的数据库选项如此多的脚本语言选项。

Search -> analyze -> try -> use

熟悉 AJAX 对服务器的调用。

你会从这个link中得到一些想法

一个例子:

PHP 脚本:

<?php
include("dbconfig.inc.php");
header("Content-type: text/xml");

echo "<?xml version=\"1.0\" ?>\n";
echo "<Loadinglist>\n";


    $select="Select * FROM tb_table";
    $dbh->query("SET NAMES utf8;");
    $dbh->query("SET CHARACTER_SET utf8;");


        foreach($dbh->query($select) as $row)
        {
            echo "<bangla>\n";

            $id=$row['id'];
            echo "\t<id>"."<![CDATA[".$id."]]>"."</id>\n";


            $category=$row['category'];
            echo "\t<category>"."<![CDATA[".$category."]]>"."</category>\n";


        }



echo "</Loadinglist>";
?>

ajax 调用示例

jQuery.ajax({
                                  url: 'http://www.examplecom/myscript.php',  //load data 
                                  global: false,
                                  type: "POST",
                                  dataType: "xml",
                                  data: data,
                                  async: true,
                                  timeout: 40000,
                                  success: loading_complete_list,
                                  error: errorfunc
                            });

搜索它们、学习它们、尝试它们。