一个html页面的搜索框不是form表单，那么如何往controller中传值？

Question

如图，这个搜索框，没有在form表单中，那就没有相应的 action(提交地址)  和 method, 那么我在controller层中，如何拿到这个text中的值？还有就是，『搜索』是一个div，我如何设置点击这个搜索跳转到指定的位置？

Answer 1

你没加其它任何框架？html页面 能直接跳到后台？ 如果是JSP页面的  没有form 可以用通过链接后面带参数就可以了。

Answer 2

使用的SpringBoot框架，页面模板使用的Thymeleaf

Answer 3

那你就要去查Thymeleaf链接后面怎么带参数了，像这个 http://bbs.csdn.net/topics/392202145?page=1，"?"问好后面的就是参数，就带了一个page参数  变量名page，值为1，带多个的话“&”符号隔开 

Answer 4

使用ajax不行吗？

Answer 5

js中获取到这个input,拿到它的值,发送get请求就完事了

Answer 6

回答第二个问题：
把“搜索“二字放到按钮里面，或者<a>标签里面。甚至放在span里面，加一个点击事件

Answer 7

设置一个点击事件
然后给点击事件添加一个函数
用window.location.href设置跳转的页面地址

Answer 8

你这个应该是点击搜索按钮实现输入框中的关键字搜索，这个你只需要给搜索那个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>

Answer 9

哦，ajax中的data要用json格式，所以改成
date:{"keyWord":keyWord}就好了