在 JavaScript 提交表单上创建 URL

【问题标题】：Create URL upon JavaScript submit form在 JavaScript 提交表单上创建 URL
【发布时间】：2013-07-04 12:34:35
【问题描述】：

我目前有一个包含一些 JavaScript 函数和本地存储的表单。

我试图让用户在文本框中键入值时，搜索栏会将 URL 从“mysite.com”更改为“mysite.com/%userinput%”。然后该用户可以将该链接发送给其他人，然后该人将看到原始用户看到的内容。

【问题讨论】：

所以您想在两个或多个用户之间创建一些公共/私有数据交换？例如，第一个用户将他的本地存储文本发送到您的服务器，然后他将收到一些生成的链接，以及一对公共和私人密码，这样每个打开像 http://mysite.com/?id=12345&pass=publicpassword 这样的页面的人都可以阅读该页面的最新版本本地存储的文本？恕我直言，这看起来是可能的，但做起来并不简单。或者是某种聊天？ ;-)

标签： javascript forms url submit

【解决方案1】：

这将在输入后更改 URL。

我从您的问题和 cmets 了解到，您不想加载 URL，只需更改它，所以试试这个 fiddle：http://jsfiddle.net/GrP6U/2/show/

后面的代码是：

JavaScript

var theForm = document.getElementById('theForm');
var theInput = document.getElementById('subj');

theForm.onsubmit = function(e) {
    var myurl = "http://jsfiddle.net/GrP6U/2/show/?input=" + encodeURIComponent(theInput.value);
window.history.pushState('', "Title", myurl);
    return false;
}

HTML

<form id="theForm">
    <input id='subj'/>
    <input type='submit'/>
</form>

【讨论】：

我建议使用 replaceState() 而不是 pushState()
@Thumbz，很好的输入。我只是不确定 OP 的含义/需要/想要什么。我投票赞成您的评论，他也会阅读。谢谢。
评论可能随时消失。最好在答案中包含信息。