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 参数能正常接收。

js提交form表单,并传递参数

//增加的函数 begin function queryFun(){ var type = $("#artType").val(); var hasInputed = "1";//表示...
  • judyge
  • judyge
  • 2015年11月07日 13:44
  • 822

js控制表单提交带参数

根据HTML的规定,通过GET方法提交表单时,action地址里的query string会被丢弃。 1、 jsp 翻页   "/> -->   ...
  • pzqingchong
  • pzqingchong
  • 2016年09月28日 10:54
  • 830

from表单中action有地址,向后台提交参数的相关问题

有一个form表单如下: 项目...
  • sdzhangshulong
  • sdzhangshulong
  • 2016年02月20日 11:00
  • 1539

js提交form表单

前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~...
  • u013030601
  • u013030601
  • 2016年08月27日 10:38
  • 8703

js里面form传值

菜鸟的第一篇文章,今天在工作中遇到一个问题。下面来说说,也许很多大神都知道了,但作为菜鸟还是想说说。 对于table表格里面的数据,如下: ID 姓名 年龄 地址操作 ...
  • qq_29206465
  • qq_29206465
  • 2015年08月24日 19:48
  • 2749

JavaScript 实现POST方式提交表单

使用js实现POST表单提交主要应该在使用url数据提交时url地址超长的问题。 JavaScript代码如下: //Post方式提交表单 function PostSubmit(url, da...
  • zhensoft163
  • zhensoft163
  • 2012年02月27日 14:27
  • 27577

怎样利用JS提交POST请求

一般都是写上隐藏的form标签,用来调用js函数然后submit 或者直接在js上自动生成form表单 function post(URL, PARAMS) { var tem...
  • zhengshuoa
  • zhengshuoa
  • 2016年09月01日 14:51
  • 4046

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

有的时候可能会需要动态的创建form表达来想服务端提交参数,例子如下: function example(page){ var currentPage=page; //创建url va...
  • qq_28851503
  • qq_28851503
  • 2017年06月14日 15:41
  • 1704

js获取form的值提交

form体使用summit按钮提交会自动发送form里的input等参数。  我们使用js进行form体提交时  除了逐个获取input的值外  还可以使用如下方法: jsp页面: ...
  • q383965374
  • q383965374
  • 2015年11月05日 10:40
  • 4171

javascript获取form表单中的字段值

javascript获取form表单中的字段值 1 html> ...
  • qq_30682027
  • qq_30682027
  • 2017年07月28日 18:28
  • 713
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js提交from表单 多参数
举报原因:
原因补充:

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