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


Posted in Javascript onAugust 30, 2019

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方式发送请求。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
jQuery中的jQuery()方法用法分析
Dec 27 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
JavaScript仿聊天室聊天记录
Dec 27 Javascript
React快速入门教程
Jan 17 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
node.js处理前端提交的GET请求
Aug 30 #Javascript
Node.js系列之连接DB的方法(3)
Aug 30 #Javascript
Node.js系列之发起get/post请求(2)
Aug 30 #Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 #Javascript
微信小程序实现写入读取缓存详解
Aug 30 #Javascript
VUE 自定义组件模板的方法详解
Aug 30 #Javascript
Jquery动态列功能完整实例
Aug 30 #jQuery
You might like
php检测文件编码的方法示例
2014/04/25 PHP
PHP面试题之文件目录操作
2015/10/15 PHP
比较完整的微信开发php代码
2016/08/02 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
些很实用且必用的小脚本代码
2006/06/26 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
2018/09/28 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
django 取消csrf限制的实例
2020/03/13 Python
Python爬取网页信息的示例
2020/09/24 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
优秀员工自荐书范文
2013/12/08 职场文书
学生请假条格式
2014/04/11 职场文书
人事经理岗位职责
2014/04/28 职场文书
校长个人总结
2015/03/03 职场文书
素质教育学习心得体会
2016/01/19 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
利用Python实现模拟登录知乎
2022/05/25 Python