京东页面中使用 form action="#"有什么用途?

2019-01-11 14:20:42 +08:00
 caopi

我在做一个仿作京东 web 页面的项目。在看京东代码的时候,首页输入框外层有个 form action="#",点击输入框就会进入搜索页面。

m.jd.com

3329 次点击
所在节点    京东
4 条回复
whatsmyip
2019-01-11 15:44:13 +08:00
在 js 里重载了 form 的提交事件(用 ajax 提交请求),然后把 action 设为#可以避免浏览器默认的网页跳转。
caopi
2019-01-11 17:05:55 +08:00
@whatsmyip form 在这里的用途是什么呢?
hzwjz
2019-01-11 17:29:26 +08:00
@caopi 填数据呗,如#1 所说,Ajax 提交请求,也就是将 form 里面的数据发给服务器
linpf
2019-01-24 12:40:30 +08:00
估计是为了使用 form.serialize 吧

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/526043

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX