您可以将表单数据保存到没有服务器的文件中吗?

时间:2017-10-12 15:11:12

标签: javascript php jquery json ajax

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

我曾考虑使用本地网络存储来保存表单数据,但我可能会因为没有显示使用AJAX / JSON而被标记。如果javascript可以具有文件系统访问权限(不使用nodejs),那么另一种选择就是,但它没有...

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

  

这项任务的重点是学习jQuery(但不包括插件或框架,如Bootstrap,Foundation或类似),并将组件构建到富Internet应用程序(即单个Web页面应用程序)中,以演示jQuery的适当功能以及如何包括AJAX和JSON数据。

     

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

干杯 戴夫

1 个答案:

答案 0 :(得分:1)

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

<强>解决方案

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

FORM - &gt; jQuery {转换为json} - &gt;发送json {via ajax} - &gt;服务器{存储数据} - &gt;发送文件名{ajax response} - &gt; jQuery的

有用的链接

How do I encode a JavaScript object as JSON?

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