67,513
社区成员
发帖
与我相关
我的任务
分享一个html页面的搜索框不是form表单，那么如何往controller中传值？
如图，这个搜索框，没有在form表单中，那就没有相应的 action(提交地址) 和 method, 那么我在controller层中，如何拿到这个text中的值？
还有就是，『搜索』是一个div，我如何设置点击这个搜索跳转到指定的位置？
...全文
请发表友善的回复…
发表回复
Jack89_Wang 2017-07-26
- 打赏
- 举报
哦，ajax中的data要用json格式，所以改成
date:{"keyWord":keyWord}就好了
Jack89_Wang 2017-07-26
- 打赏
- 举报
你这个应该是点击搜索按钮实现输入框中的关键字搜索，这个你只需要给搜索那个div一个id，然后在js中根据id对应的元素设置一个点击事件，点击事件中可以通过post或者ajax提交（前提是你有jQuery）
例如：
<input type="text" class="left" id="keyWord"/>
<div class="search1 left" id="search">搜索</div>
<script>
$("#search").on('click',function(){
var keyWord=$("#keyWord").val();
//post提交
$.post("controller地址",{"keyWord":keyWord},function(result){});
//ajax提交
//$.ajax({ url: "controller地址", data:"keyWord":keyWord, success: function(){}});
});
</script>
八二年的咸鱼 2017-07-26
- 打赏
- 举报
设置一个点击事件
然后给点击事件添加一个函数
用window.location.href设置跳转的页面地址
代码间的舞者 2017-07-25
- 打赏
- 举报
回答第二个问题：
把“搜索“二字放到按钮里面，或者<a>标签里面。甚至放在span里面，加一个点击事件
evanweng 2017-07-24
- 打赏
- 举报
用js，下一题
你好sun悟空 2017-07-24
- 打赏
- 举报
js中获取到这个input,拿到它的值,发送get请求就完事了
zhongyuan332 2017-07-24
- 打赏
- 举报
使用ajax不行吗？
java_caoxing 2017-07-24
- 打赏
- 举报
那你就要去查Thymeleaf链接后面怎么带参数了，像这个 http://bbs.csdn.net/topics/392202145?page=1，"?"问好后面的就是参数，就带了一个page参数 变量名page，值为1，带多个的话“&”符号隔开
Yoooshiki 2017-07-24
- 打赏
- 举报
使用的SpringBoot框架，页面模板使用的Thymeleaf
java_caoxing 2017-07-24
- 打赏
- 举报
你没加其它任何框架？html页面 能直接跳到后台？ 如果是JSP页面的 没有form 可以用通过链接后面带参数就可以了。
