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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
js正则匹配多个全部数据问题
Dec 20 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中GET变量的使用
2006/10/09 PHP
基于PHP静态类的原罪详解
2013/05/06 PHP
如何让thinkphp在模型中自动完成session赋值小教程
2014/09/05 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
2015/04/27 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
script的async属性以非阻塞的模式加载脚本
2013/01/15 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
vue组件父与子通信详解(一)
2017/11/07 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python查询IP地址归属完整代码
2017/06/21 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
Python-openCV开运算实例
2020/07/05 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
Ruby如何创建一个线程
2013/03/10 面试题
餐厅楼面主管岗位职责范本
2014/02/16 职场文书
辅导员评语
2014/05/04 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
领导班子个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
公司搬迁通知
2015/04/20 职场文书
国王的演讲观后感
2015/06/03 职场文书
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电