html表单按钮代码_onclick跳转页面

html表单按钮代码_onclick跳转页面纯用html,能否实现提交表单后在新页面跳转?我是网页初学者,我在网页上嵌入了一个搜索框,是由文本框和提交按钮组成的,我想要实现在我提交按钮之后跳转到新页面显示结果一般网站有专门的页面处理搜索,比如:/search/keyword在别的页面加一个表单,以及一段JS代码(前面应先加载

纯用html,能否实现提交表单后在新页面跳转?   我是网页初学者,我在网页上嵌入了一个搜索框,是由文本框和提交按钮组成的,我想要实现在我提交按钮之后跳转到新页面显示结果   一般网站有专门的页面处理搜索,比如:/search/keyword   在别的页面加一个表单,以及一段JS代码(前面应先加载jQuery库)就可以处理了(假定表单的ID为my-search,提交按钮的类名为search-submit):   $(‘.search-submit’).on(‘click’, function(e) {   e.preventDefault();   e.stopPropagation();   let keywords = $(‘#my-search input’).val();   if (keywords.length < 2 || keywords.length > 20) {   alert(‘关键字长度不得小于2大于20’);   return false;   }   let encoded = encodeURIComponent(keywords);   myCustomSearch(encoded);   });   function myCustomSearch(encoded) {   let proto = (‘https:’ == document.location.protocol ? ‘https://’ : ‘http://’);   window.location.href = proto + window.location.host+ ‘/search/’ + encoded;   }   用<a></a>链接标签,但链接要带个搜索内容的参数。这个标签本身只起到按钮跳转另一个页面的作用。另一个页面还是要其他代码的,根据参数加载内容。简单来说就是你直接访问这个带参数的链接也要能加载出需要的内容。   谢邀   一种方法是前后端不分离的,通过表单将数据传到服务器后返回一个新的网页   例如服务器使用 flask   前端表单 action=”…https://www.zhihu.com/xxx” 这样可以跳转到新网页   另一种是前后端分离的   前端直接带数据跳转到新页面,然后在新页面通过 ajax 向服务器请求数据,数据通过 json 返回,最后渲染到页面上

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/73032.html

(0)
上一篇 2024年 8月 6日 上午7:42
下一篇 2024年 8月 6日 上午7:47

相关推荐

关注微信