您可以在没有服务器的情况下将表单数据保存到文件中吗？

Question

我有一份 Uni 的任务简介，其中指出我们必须使用 AJAX 和 JSON 来检索“已存储”的预订表单数据。它明确指出For this assignment it is not necessary to submit the form back to the server.

我曾考虑使用本地 Web 存储来保存表单数据，但我可能会因为未显示使用 AJAX/JSON 而被标记。另一种选择是如果 javascript 可以访问文件系统（不使用 nodejs），但它没有...

那么，从下面的简介中，您将如何在不使用后端服务器的情况下展示用于存储/检索的 AJAX/JSON 功能？

本作业的重点是学习 jQuery（但不包括插件或框架，如 Bootstrap、Foundation 或类似的），以及将组件构建到一个富互联网应用程序（即单个网页应用程序）中，以演示 jQuery 的适当功能以及如何包括 AJAX 和 JSON 数据。

您将开发一个网页来帮助旅行者安排短暂的城市假期的住宿安排，并允许该人查看他们“已保存”的预订。目的是证明您可以检索此人的预订信息，并将所有适当的字段与返回的 JSON 数据一起显示到表单中。您应该允许用户修改表单数据并编写代码来验证客户端浏览器中的字段。对于此分配，无需将表单提交回服务器。您应该包含一个“条款和条件”cookie，以将新用户和返回用户记录到他们保存的报价中。

干杯 戴夫

Answer 1

您需要一台服务器来执行此操作。就像 teeyo 评论的那样“对于这个任务，没有必要将表单提交回服务器。”并不意味着您不需要服务器。

解决方案

您可以使用javascript(jQuery) 获取表单中的数据并将其转换为json 格式。然后，您通过 ajax 将它们发送到服务器文件（php）。然后服务器将它们存储到一个文件中并将文件名返回给 javascript。您现在可以使用新的 ajax 请求访问数据。

FORM -> jQuery { 转换为 json } -> 发送 json { 通过 ajax } -> 服务器 { 存储数据 } -> 发送文件名 { ajax 响应 } -> jQuery

有用的链接

How do I encode a JavaScript object as JSON?

http://blog.teamtreehouse.com/beginners-guide-to-ajax-development-with-php