脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS POST方式发送请求

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

 更新时间：2019年08月30日 17:14:43   作者：shiyonghm  
这篇文章主要为大家详细介绍了JS实现使用POST方式发送请求，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • js仿腾讯QQ的web登陆界面

    js仿腾讯QQ的web登陆界面

    这篇文章主要为大家详细介绍了JavaScript模仿腾讯QQ的web登陆界面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 微信小程序navigator跳转及参数传递的方法

    微信小程序navigator跳转及参数传递的方法

    这篇文章主要介绍了微信小程序navigator跳转及参数传递,在navigator中添加需要跳转的路径,如果需要带参,则在路径后面添加所要传递的参数以及值,需要的朋友可以参考下
    2023-11-11
  • BootstrapValidator不触发校验的实现代码

    BootstrapValidator不触发校验的实现代码

    BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，本文给大家介绍BootstrapValidator不触发校验的实现代码，感兴趣的朋友一起看看吧
    2016-09-09
  • 原生js实现autocomplete插件

    原生js实现autocomplete插件

    这篇文章主要介绍了原生js实现autocomplete插件的相关资料,需要的朋友可以参考下
    2016-04-04
  • js获取元素的偏移量offset简单方法(必看)

    js获取元素的偏移量offset简单方法(必看)

    下面小编就为大家带来一篇js获取元素的偏移量offset简单方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • javascript中的缓动效果实现程序

    javascript中的缓动效果实现程序

    javascript中的缓动效果可以应用于很多地方，比如距离位移上的变化：图片的滚动、焦点图的轮转切换，透明度上的变化：渐隐渐现。凡是存在运动的状态都适用，下面以最基本的块在容器内从左到右滑动为例，讲下几种不同的缓动处理方式
    2012-12-12
  • ionic2 tabs 图标自定义实例

    ionic2 tabs 图标自定义实例

    这篇文章主要介绍了ionic2 tabs 图标自定义,需要的朋友可以参考下
    2017-03-03
  • JS中可以改善代码的5种重构技术分享

    JS中可以改善代码的5种重构技术分享

    代码重构涉及在不改变其外部功能的情况下对现有代码进行改进，这是编程的核心部分之一，所以下面我们将研究一些技巧，这些技巧可以帮助我们以更好的方式重构代码，希望对大家有所帮助
    2023-06-06
  • javascript限制文本框输入值类型的方法

    javascript限制文本框输入值类型的方法

    这篇文章主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件、键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • canvas的神奇用法

    canvas的神奇用法

    canvas有一个神奇的方法getImageData，它可以获取canvas内图像的每一个像素点的颜色值获取，而且可以改变。本文将对canvas实现图片的滤镜转化的方法进行介绍，具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02

最新评论