修改没有服务器端页面的 HTML5 页面

Posted

技术标签:

【中文标题】修改没有服务器端页面的 HTML5 页面【英文标题】:Modify a HTML5 page without a server side page 【发布时间】:2013-04-08 15:22:32 【问题描述】:

我有一个可编辑的 html5 页面,并将新元素存储在 localStorage 中。 我想将我的页面与服务器同步。 我想知道我是否可以在没有服务器端脚本的情况下做到这一点,或者是否有一些技巧可以很好地做到这一点。

谢谢你:)

【问题讨论】:

【参考方案1】:

你可以很容易地使用 jQuery 从服务器中提取信息,然后将其放在本地存储中,但是,如果你想将本地信息上传到服务器,没有办法,你必须使用某种脚本,这并不难,有很多语言(php、C#、Python ...)和工具可供您使用。

请记住,当您将信息上传到服务器时,您必须清理非常重要的安全措施。

基本上,要走的路是:

将信息发布到服务器(使用 AJAX 或 HTML 表单,任何一种方式都可以) 使用一些服务器端脚本来捕获发布的变量。 清理您的数据(检查格式、丢弃无效字符等) 将其存储在数据库中(永远不要将您的数据与 SQL 查询连接好吗?这会使您容易受到 SQL 注入攻击),计算或执行某些操作。 向客户端返回一些状态(可能是一些确认?) 您可能希望接受该确认并向用户显示一条消息(“您的信息已正确保存”或类似内容)

【讨论】:

我的问题是我不知道服务器支持哪种语言?我正在寻找适用于所有类型服务器的东西。(Php,Java ...) PHP 是通用的,它是 WAMP 和 LAMP(Linux/Windows、Apache、mysql、PHP)中的 P。 PHP 是一个安全的选择,几乎所有的网络服务器都支持它,而且它很容易学习。 Java 得到了广泛的支持,但如果您开始(需要手动执行更多操作),您可能不想弄乱它。 ASP.net 仅适用于 Windows 服务器。 Python 变得越来越流行,但不是那么流行,所以我会选择 PHP 看看像this这样的教程,网上有成千上万的你想做的事。【参考方案2】:

对于这种方式来说,javascript 计时器是否不够用?还是 jQuery?

这个问题真的应该是一个问题而不是一个问题。如果您基于服务器的变量进行更新,那么我相信您可以使用 AJAX,但如果它每 X 秒增加一次变量,我将专注于使用 javascript 计时器。

【讨论】:

以上是关于修改没有服务器端页面的 HTML5 页面的主要内容,如果未能解决你的问题,请参考以下文章

关于wamp服务器文件的配置

路由 前后端渲染 url hash 和 html5 history

移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)

HTML5 到 PDF 服务器端 [关闭]

html5 手机端怎么优化页面滑动

修改OpenWRT Web管理页面端口