使用 Javascript 显示 SQL 查询的结果

Posted 2023-03-23

【中文标题】使用 Javascript 显示 SQL 查询的结果

【英文标题】：Display The Result Of a SQL Query Using Javascript

【发布时间】：2011-01-07 03:08:17

【问题描述】：

我一直在阅读一个名为Adding SQL Database support to your iPhone App的教程（我使用PhoneGap，因为我不会使用Objective-C），我已经完成了所有这些，但是现在当我尝试显示结果时（celebsDataHandler ) 像这样它什么都不显示：

<script type="text/javascript" charset="utf-8" src="db.js"></script>
<script type="text/javascript" charset="utf-8">
  document.write(celebsDataHandler);
</script>

我应该怎么做才能纠正这个问题？

【参考方案1】：

celebsDataHandler 似乎是一个函数，根据教程所说的。你不能document.write一个函数。

您是否尝试过使用更通用的命令（例如 console.log）来查看 celebsDataHandler 的值是多少？

或者，您可能希望从

更改函数的最后一行

  alert(html);

到

  return html;

【参考方案2】：

首先，对于本示例，您需要设置文档的某些部分来处理显示名人。确保您的 HTML 页面中有一个 DOM 元素，该元素具有您可以引用的 ID，例如：

接下来，将celebsDataHandler函数的最后一行更改为：

document.getElementById('myCelebs').innerHTML = html;

最后，在您的内联脚本中，将您的 document.write 调用更改为：

加载名人（）；

回顾一下正在发生的事情：

loadCelebs 函数包含查询数据库和检索数据的 SQLite 代码。它引用了一个

回调函数

（在本例中名为celebsDataHandler），一旦数据准备好进行解析，就会调用该函数。 celebsDataHandler 回调函数迭代结果并将名人数据编译为 HTML，然后将其注入到“myCelebs”DOM 元素中。

希望对您有所帮助。