在JavaScript中使用GET方式提交请求,亲测可用。。。

编程知识 行业动态 更新时间:2024-06-13 00:17:48

在使用jsp+Servlet做一个分页效果时,遇到了JavaScript使用get方式发送请求的问题,具体效果如下图:

点击转到按钮,调用js的函数,把页码参数传给Servlet,Servlet接收的提交方式是get,所以想要在JavaScript中使用get提交,在网上找了很多方法,都是不行的(PS:很多博客的文字篇幅很长,都很类似,而且都是一堆废话,最重要的是试了都没用,汗……)。
在翻看了JavaScript的API之后,发现JavaScript中的一个对象可以实现跳转,Location 对象包含有关当前 URL 的信息。该对象提供了三个方法:
assign() 载入一个新的文档
reload() 重新载入当前文档
replace() 用新的文档替换当前文档

使用第一个方法location.assign(url)就可以实现页面跳转了,而且是get方式提交。该对象除了提供页面跳转的方法之外,还提供了获取当前页面URl信息的属性:
hash 返回一个URL的锚部分
host 返回一个URL的主机名和端口
hostname 返回URL的主机名
href 返回完整的URL
pathname 返回的URL路径名。
port 返回一个URL服务器使用的端口号
protocol 返回一个URL协议
search 返回一个URL的查询部分

具体实现的代码如下:

跳到<input id="page" type="text" size="1"/><input type="button" onclick="pageGo()" value="转到">

<script type="text/javascript">
   function pageGo(){
      var tp = "${pb.tp}";//获取jsp中EL表达式的变量,总页数 
      var page = document.getElementById("page").value;//获取页码
      if(Number(page)>0 && Number(page) <= tp){
          var path = location.pathname+"?pc="+page;
          location.assign(path);//提交URL
      }
   }
 </script>

更多推荐

在JavaScript中使用GET方式提交请求,亲测可用。。。

本文发布于:2023-03-25 19:49:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/9b7d2c2c8a67a438d1094a5fe1fb7d41.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:方式   JavaScript

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!