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

小咪咪 2022-06-10 02:22 1020阅读 0赞

在使用jsp+Servlet做一个分页效果时，遇到了JavaScript使用get方式发送请求的问题，具体效果如下图：  
![这里写图片描述][SouthEast]  
点击转到按钮，调用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>

[SouthEast]: /images/20220610/837e520a367f47faba10272c235dfd99.png