javascript根据表单输入将用户重定向到目录

javascript根据表单输入将用户重定向到目录,javascript,php,html,css,Javascript,Php,Html,Css,有人给我一部分答案 代码在浏览器中实现如下: 我的问题是: 如果不添加扩展名.html 像这样 我在.htaccess 但我想看看我们是否也能在java脚本中实现这一点 因此,用户只需输入单词contact,如前所示 java脚本做了其他的吗 regrads正如其他人在评论中提到的,获得100%所需内容的方法是向.htaccess(假设为Apache)添加一条规则,使服务器添加文件扩展名 我认为纯粹在客户端可以做的最接近的事情就是自己添加.html,可能如下所示: <form o

有人给我一部分答案


代码在浏览器中实现如下:

我的问题是:

如果不添加扩展名.html

像这样

我在.htaccess

但我想看看我们是否也能在java脚本中实现这一点

因此,用户只需输入单词contact,如前所示 java脚本做了其他的吗


regrads

正如其他人在评论中提到的,获得100%所需内容的方法是向.htaccess(假设为Apache)添加一条规则,使服务器添加文件扩展名

我认为纯粹在客户端可以做的最接近的事情就是自己添加.html,可能如下所示:

<form onsubmit="handleFormSubmit();">
<input type="text" id="myInput" />
<input type="submit" />
</form>

不过,我看到您想要做的最大问题是,您依赖于用户知道可用页面的名称,除非您在服务器端有更多的事情要做。

正如其他人在评论中提到的,获得100%所需内容的方法是向.htaccess添加规则(假设使用Apache)使服务器添加文件扩展名

我认为纯粹在客户端可以做的最接近的事情就是自己添加.html,可能如下所示:

<form onsubmit="handleFormSubmit();">
<input type="text" id="myInput" />
<input type="submit" />
</form>

不过,我看到的最大问题是,您需要用户知道可用页面的名称,除非您在服务器端有更多信息。

当URL指向“/contact”时打开“contact.html”页面是一个服务器端的东西,所以不能只在JS中完成。但是为什么不使用“/contact.html”?一个非常丑陋的黑客行为包括从url中获取
contact
关键字,并使用ajax请求该页面。因此,您希望将用户发送到contact.html,但URI为/contact?@JosanIracheta如果您尝试了我上面提到的代码,用户只需在输入表单中输入“contact”一词即可因此,提交后将重定向到:因为java脚本在代码中有前面的第一部分:onsubmit=“location.href=”+document.getElementById('myInput')。value;返回false我的网站URL必须以.html结尾,因此我正在寻找write contact并重定向到contact.html以在我的网站中工作。我在Apache中获得了一个转换URL的解决方案,因此我可以在代码中完成此操作吗?没有Apache服务器?当URL指向“/contact”时重新打开“contact.html”页面是一个服务器端的东西,所以不能只在JS中完成。但是为什么不使用“/contact.html”?一个非常丑陋的黑客行为包括从url中获取
contact
关键字,并使用ajax请求该页面。因此,您希望将用户发送到contact.html,但URI为/contact?@JosanIracheta如果您尝试了我上面提到的代码,用户只需在输入表单中输入“contact”一词即可因此,提交后将重定向到:因为java脚本在代码中有前面的第一部分:onsubmit=“location.href=”+document.getElementById('myInput')。value;返回false我的网站URL必须以.html结尾,所以我正在寻找write contact并重定向到contact.html以在我的网站中工作。我在Apache中获得了一个转换URL的解决方案,所以我可以在代码中完成这项工作吗?没有Apache服务器吗
function handleFormSubmit() {
    var destinationUrl = 'http://www.example.org/' + document.getElementById('myInput').value + ".html";

    window.location = destinationUrl;
}