JS实现使用POST方式发送请求

落日映苍穹つ 2022-06-15 00:16 716阅读 0赞

window.location.href是我们常用来在js中实现页面跳转的方法，这是使用get方式发送请求，示例如下

window.location.href = url;

优点是简单易用，缺点是如果有参数的话，参数会暴露在url地址中，这降低了系统的安全性，也影响用户体验。下面我们来讲下如何通过POST请求实现页面跳转。

//发送POST请求跳转到指定页面
    function httpPost(URL, PARAMS) {
        var temp = document.createElement("form");
        temp.action = URL;
        temp.method = "post";
        temp.style.display = "none";
    
        for (var x in PARAMS) {
            var opt = document.createElement("textarea");
            opt.name = x;
            opt.value = PARAMS[x];
            temp.appendChild(opt);
        }
    
        document.body.appendChild(temp);
        temp.submit();
    
        return temp;
    }

上面这段代码就是通过虚拟表单的形式提交post请求，从而实现页面的跳转，示例如下

function toMonitorCompanyList(groupName,riskLevel,updateStatus,province,eventLevel,reportId,riskStatus){ 
    
        var params = {
            "groupName": encodeURIComponent(groupName),
            "riskLevel": riskLevel,
            "updateStatus": updateStatus,
            "province": encodeURIComponent(province),
            "eventLevel": eventLevel,
            "reportId": reportId,
            "riskStatus":riskStatus
        };
    
        httpPost(ctx + "/monitorCompany/toMonitorCompanyList", params);
    }

使用POST方式发送请求可以传输的参数，在实际运用过程中可以根据具体的需求选择GET方式或POST方式发送请求。

发表评论取消回复

表情：

评论列表（有 0 条评论，716人围观）

还没有评论，来说两句吧...

相关阅读

相关 scrapy 发送payload方式的post请求

scrapy 发送一般的post请求采用formdata 进行请求，当发送payload方式的post请求时，使用formdata 请求就无法达到我们需要的效果。发现 From

不念不忘少年蓝@/ 2023年01月03日 14:21/ 0 赞/ 177 阅读

相关使用Jmeter发送post请求的两种方式

转载：[https://blog.csdn.net/github\_36032947/article/details/78299020][https_blog.csdn.net

旧城等待，/ 2022年12月01日 14:19/ 0 赞/ 163 阅读

相关 java实现发送post请求

1 背景介绍最近有一个任务，完成数据获取和解析，需要发送带请求参数的post请求，才能拿到数据。之前没有接触过java发送post请求，但有接触过python的requ

以你之姓@/ 2022年09月04日 12:43/ 0 赞/ 195 阅读

相关使用RestTemplate发送post请求

最近使用RestTemplate发送post请求，遇到了很多问题，如转换httpMessage失败、中文乱码等，调了好久才找到下面较为简便的方法： ![复制代码][copyc

- 日理万妓/ 2022年07月17日 02:12/ 0 赞/ 231 阅读

相关 JS实现使用POST方式发送请求

window.location.href是我们常用来在js中实现页面跳转的方法，这是使用get方式发送请求，示例如下 window.location.href = u

落日映苍穹つ/ 2022年06月15日 00:16/ 0 赞/ 717 阅读

相关 java实现httpclient发送post请求

需求:现在要在java后端接口中直接请求客户提供的其他接口来获取所需要的数据,那么就需要用到httpclient来做,下面做一个实现以记录... 第一步:导入所需要的j

红太狼/ 2022年06月04日 02:22/ 0 赞/ 464 阅读

相关 AJAX发送请求(POST方式)

AJAX请求 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术：这里介绍一下AJAX发送请求（POST） POST比GET提交方式更

本是古典何须时尚/ 2022年05月24日 00:10/ 0 赞/ 272 阅读

相关使用HttpWebRequest发送POST请求

1、创建HttpWebRequest对象 HttpWebRequest对象用WebRequest.Create(url)方法获得。 2、初始化HttpWebRequest对

刺骨的言语ヽ痛彻心扉/ 2021年12月03日 08:07/ 0 赞/ 494 阅读

相关 nuxt.js发送post、get请求方式

<script> import Qs from 'qs' export default { async asyncData({$axios,

àì夳堔傛蜴生んèń/ 2021年09月07日 06:26/ 0 赞/ 803 阅读

相关 JS--AJAX建立XMLHttpRequest连接、发送GET请求、发送POST请求

建立XMLHttpRequest连接创建XMLHttpRequest对象之后，就可以使用该对象的open()方法建立一个HTTP请求。open()方法用法如下：

朴灿烈づ我的快乐病毒、/ 2021年08月13日 12:16/ 0 赞/ 645 阅读