使用JQuery封装的JS的话,需要导入JQuery的JS,这好比在Java导入别的JAR包一样。
看下面的这段代码。
在JSP页面上有
<form id="searchForm" name="searchForm" method="post" action="<c:url
value="/actions/article/search"/> "> <div class="search"> <span>查询条件:</span>
<select name="conditionValue" id="conditionValue"> <option
value="">--请选择--</option> <option value="id">文章ID</option> <option
value="author">作者</option> </select> <input type="text" id="searchValue"
name="searchValue" placeholder="请输入详细内容"/> <input type="button"
onclick="formSubmit()" value="搜 索"/> </div> </form>
点击button按钮,触发formSubmit()函数。在JQuery中,使用 $("#标签id值").val() 获取到这个标签的值。
对于Form表单的话,可以先获取到这个表单,在调用它的submit()函数。
还可以获取到指定class标签的值。$(".标签class的值")
<script> function formSubmit(){ var conditionValue =
$("#conditionValue").val(); var searchValue =$("#searchValue").val();
if(searchValue==null||searchValue==''){ return; }
if(conditionValue==null||conditionValue==''){ return; }
$("#searchForm").submit(); } </script>
在后台接收Form表单的值的方式:
/** * 展示搜索结果 * 然后去一个与当前页面一模一样的展示数据的页面 * * @param conditionValue
参数是什么,作者还是文章ID? * @param searchValue 如果是作者,作者的值是多少。如果是ID,那么id的值又是多少 * @return
携带上处理结果,去search结果页面 */ @RequestMapping(value = {URL_ARTICLE_SEARCH},method =
{POST}) public ModelAndView articleSearch(@RequestParam("conditionValue")String
conditionValue ,@RequestParam("searchValue")String searchValue){
LOGGER.info("conditionValue={}",conditionValue);
LOGGER.info("searchValue",searchValue); ... }
热门工具 换一换