将表单数据保存在URL中，无需重新加载页面

Question

我的网站有一个表单，我希望用户能够为其添加书签，并且可以使用他们提供的数据脱机工作，并且还能够根据表单数据的更改创建新的书签。离线创建和使用。

想象一下这样的事情：

<textarea></textarea>
<input id="save" type="button" value="save" />
<input id="go" type="button" value="go" />

JS：

$('#save').click(function() { document.location.hash = $('textarea').val() });
$('#go').click(function() { /* create DOM structure based on textarea data */ });

这很有效，但问题是我也希望能够为禁用js的人提供服务。

现在，如果我使用哈希，我将失去PHP访问权限，但是如果我使用document.location.search页面将重新加载并且对于那些使用js的人来说不再可以离线使用，那么我可以做些什么来覆盖所有人吗？< / p>

Answer 1

您可以捕获onsubmit事件：如果用户启用了js，请执行您的哈希值并取消提交;如果没有涉及js，php有机会。喜欢这个

yourForm.onsubmit = function () { /* whatever */; return false }

那会吗？