js提交from表单 多参数

原创 2013年12月05日 16:47:34

做翻页功能处理

1、 jsp 翻页

<form name="form" action="" METHOD="post">
<input type="button" value="首页"  onclick="filter()" />
<input type="button" value="上一页" onclick="firstfilter()" /> 
<input type="button"  value="下一页"  onclick="lastfilter()" />
<input type="button" value="末页" onclick="maxfilter()" />
<!-- <input type="hidden" name="resType" id="resType" value="<%=resType%>"/> -->

  </form>


2、js函数提交from表单

  <script  type="text/javascript">
function filter(){
   var url = "<%=basePath%>home/reading_book?currentpage=1&resType=<%=resType%>";
 document.form.action = url;   
   document.form.method = "post";   
   document.form.submit(); 

}
function firstfilter(){
var url ="<%=basePath%>home/reading_book?currentpage=<%=lastpage%>&resType=<%=resType%>";
document.form.action = url;   
document.form.method = "post";   
document.form.submit()
}
function lastfilter(){
  var url = "<%=basePath%>home/reading_book?currentpage=<%=nextpage%>&resType=<%=resType%>";
document.form.action = url;  
document.form.method = "post";    
document.form.submit(); 
}
function maxfilter(){
var url = "<%=basePath%>home/reading_book?currentpage=<%=max%>&resType=<%=resType%>";
 
document.form.action = url;   
document.form.method = "post";   
document.form.submit()
}
</script>


3、后台处理          如果改为get提交  下面的 resType  获取的值为NULL

 
@RequestMapping(value = "/home/reading_book", method = RequestMethod.POST)
public ModelAndView reading_bookPOST(HttpServletRequest request,
HttpServletResponse response, ModelMap modelMap) throws Exception {
      VUser user = (VUser) request.getSession().getAttribute("User");            
    i nt resType = Integer.parseInt(request.getParameter("resType"));

   int page = 1;
if (!(("").equals(request.getParameter("currentpage")))
&& !(request.getParameter("currentpage") == null)) {
page = Integer.parseInt(request.getParameter("currentpage"));
}
List data = booksheet.fetchAllSheet(-1, -1, "0", user.getU_OId(),
resType);


modelMap.put("booklist", booksheet.fetchAllSheet((page - 1) * 6, 6,
"0", user.getU_OId(), resType));
modelMap.put("currentpage", page);
modelMap.put("resType", resType);
modelMap.put("max", data.size() % 6 == 0 ? data.size() / 6 : data
.size() / 6 + 1);
return new ModelAndView("/home/reading_book", modelMap);
}


在测试的过程中,如果改为get提交,服务端接受不到提交的参数,改为Post 参数能正常接收。

相关文章推荐

表单(form)的提交实现参数页面间的传递

表单(form)的提交实现参数页面间的传递   在介绍表单传递参数的内容之前,先来了解一些预备知识。表单的提交方式和请求报文中对汉字的处理。   表单的提交方式:   通常使用的表单的提交方式主...

表单提交和超链接请求传递参数的几种方式

表单提交和超链接请求传递参数的几种方式 这段时间在使用easy-ui的datagrid,他有自己提交表单的方式,所以就整理整理页面对参数的提交方式: 注:下面代码都已经过测试。 ...

form表单的两种提交方式,submit和button的用法

1.当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。 方法一: 在jsp的...

form表单提交时action带参数

this is a javascript programing wrote by zhou2003737 2012-8-20 function test(){ var f =...

jQueryEasyUI Form中参数包含submit与否的差异

昨天在做利用JQueryEasyUI提交表单实现静态页面异步请求服务器获取数据时因为没有在form中设置submit参数导致了JQuery没有执行。那么form中设置submit参数与否有什么样的差异...

同一个页面提交多个form表单方法(详细)

办法1.同一个页面中建立两个表单 各自提交: 办
  • hj960511
  • hj960511
  • 2016年04月29日 09:56
  • 17861

JQuery.form表单提交参数详解

ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数,当为单个参数时,该参数可以是一个回调函数,也可以是一个options对象。以下是一个options对象. var optio...

Form表单提交参数类型与后台实体参数类型的问题

在SprForm表单提交到后台之后,都是以
  • judyfun
  • judyfun
  • 2014年07月07日 11:57
  • 4992

js控制表单提交带参数

根据HTML的规定,通过GET方法提交表单时,action地址里的query string会被丢弃。 1、 jsp 翻页   "/> -->   ...

JS动态创建form表单提交参数

有的时候可能会需要动态的创建form表达来想服务端提交参数,例子如下: function example(page){ var currentPage=page; //创建url va...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js提交from表单 多参数
举报原因:
原因补充:

(最多只允许输入30个字)