例如,网站https://talky.io/在其主页上有一个表单。当您在表单中输入文本并点击按钮时,您将被带到 https://talky.io/[your text] 页面。你怎么做到这一点?最好的方法是什么?
谢谢!
例如,网站https://talky.io/在其主页上有一个表单。当您在表单中输入文本并点击按钮时,您将被带到 https://talky.io/[your text] 页面。你怎么做到这一点?最好的方法是什么?
谢谢!
您可以通过 javascript 使用onSubmit
和更改action
表单的属性,然后返回 true。代码可能如下所示:
来自链接页面的 HTML:
<form id="createRoom">
<input id="sessionInput" placeholder="Name the conversation" autofocus="autofocus">
<button type="submit">Let’s go!</button>
</form>
js代码:
document.getElementById("crateRoom").onsubmit = function(){
var url = encodeURIComponent(document.getElementById("sessionInput").value);
document.getElementById("crateRoom").action = "/" + url;
return true;
}
URL 重写相当可能 http://en.wikipedia.org/wiki/Rewrite_engine
它是服务器端脚本作业。您可以查看一些 MVC 框架和 url 参数
您可以使用 PHP symfony 或 codeignitor,如果您使用 .net,则创建一个新的 MVC 项目。
但是,如果您只需要更改网址,例如
www.mysite.com/mypage.php?something=value
至
www.mysite.com/value
您可以在 apache 中进行mod 重写,或者如果您使用的是 .net,则在 global.asax.cs 中使用RegisterRoutes
您可以使用表单的 GET 方法;例如:
<form action="index.php" method="get">
Page: <input type="text" name="page">
<input type="submit" value="Submit">
</form>
提交后将转到index.php?page=yourEnteredPage
.
使用 aform
您可以将数据提交location/url
给在 for 的属性中给出的a action
,例如
<form method="POST" action="http://example.com">
<input name="first_name" type="text" value="" />
<!-- Form elements -->
<input type="submit" name="mySubmitButton" value="Submit">
</form>
此表单将action
在按下提交时将表单数据提交到给定的 url,并且可以使用 derver 检索数据
$first_name = $_POST['first_name';];
等等。该方法POST
用于在 post 数组中提交表单,因此您可以使用检索数据$_POST['formfieldname']
,如果使用,method="GET"
则可以从$_GET
变量中获取提交的数据,例如$fname=$_GET['first_name']
. GET
提交数据时有数量限制(最多可安全使用 2000 个字符IE's limit
),对浏览器可见address bar
,不用于登录(密码),POST
可以发送比地址栏更多的数据GET
,也不对地址栏可见。
你可以读到这个。