URL - 编码 (JavaScript) 方法=“GET”
我有一个带有一些输入字段的表单(6)。当我单击提交按钮时,“我想以这种方式格式化 URL”:
/actionname?input1|input2|input3|input4|input5|input6
也许是空值:
/actionname?input1|input2||input4||input6
也许是用户单击提交按钮时的时间戳。
这可以使用 javascript 来完成吗?
谢谢,
查德
I have a form with some input fields (6). When I click the submit button "I would like to format the URL" in such a way:
/actionname?input1|input2|input3|input4|input5|input6
and maybe for null values:
/actionname?input1|input2||input4||input6
and maybe a time-stamp for when the user clicks the submit button.
Can this be done using javascript.
Thanks,
Chad
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
如果您使用任何 Java 脚本库(例如 jQuery),您可以序列化以查询字符串格式提供数据的表单。例如:参见此处
if you are using any java script library like jQuery, you can serialize the form which gives the data in query string format. ex: see here
它可以通过 javascript 完成,但我不明白你为什么想要这样做。您必须使用表单的 onsubmit 事件,循环遍历表单元素,以您提供的格式将每个值附加到 url 字符串,然后将
window.location
设置为该 url 字符串。对于禁用 javascript 的用户,表单仍会以“正确”的方式提交,这就是为什么我无法理解为什么您想要更改查询字符串的格式。
It can be done via javascript but I can't understand why you would want to. You would have to use the onsubmit event of the form, loop through the form elements appending each value to a url string in the format you offered and then setting
window.location
to that url string.For users with javascript disabled, the form would still submit in the "proper" manner, which is why I can't understand why you would want to change the format of the query string.
即使我看不出您需要这个的任何原因:),您也可以使用 onSubmit 事件创建正确的 url 并重定向到它。
Even if I do not see any reason why you would need this :), you can use the onSubmit event to create the proper url and redirect to it.
您如何使用 XMLHTMLRequest 来执行您的请求。
您使用 javascript 在字符串中构造 URL,然后设置 XHR 以使用 GET 提交到该 URL(同步或同步,您选择)。
这样您还可以避免踩到
onsubmit
表单事件。或者,一个简单的解决方法是在字符串中构造 URL,然后在使用
submit(
) 方法提交表单之前将表单action
属性设置为此字符串。How about you use the XMLHTMLRequest to perform your request.
You construct your URL in a string using javascript and then set-up the XHR to submit to that URL using a GET (synchronously or a synchronously, your choice).
This way you also avoid stepping on the toes of the
onsubmit
form event.Alternatively, a simple workaround will be to construct your URL in a string and then set the form
action
attribute to this string before submitting the form with thesubmit(
) method.