脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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实现各种复制到剪贴板的方法(分享)

    js实现各种复制到剪贴板的方法(分享)

    下面小编就为大家带来一篇js实现各种复制到剪贴板的方法(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Bootstrap CDN和本地化环境搭建

    Bootstrap CDN和本地化环境搭建

    这篇文章主要介绍了Bootstrap CDN和本地化环境搭建的方法，非常不错具有参考借鉴价值，感兴趣的朋友跟着小编一起学习吧
    2016-10-10
  • 再谈javascript原型继承

    再谈javascript原型继承

    Javascript原型继承是一个被说烂掉了的话题，但是自己对于这个问题一直没有彻底理解，今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法，下面来一一说明下，在最后我根据自己的理解提出了一个关于继承比较完整的实现。
    2014-11-11
  • js实现简单的抽奖系统

    js实现简单的抽奖系统

    这篇文章主要为大家详细介绍了js实现简单的抽奖系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次，需要的朋友可以参考下。
    2011-04-04
  • JavaScript数组的使用详解

    JavaScript数组的使用详解

    这篇文章主要介绍了JavaScript数组的使用方法，数组（Array）是有序的元素序列。若将有限个类型相同的变量的集合命名，那么这个名称为数组名，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • 用js模仿word格式刷功能实现代码 [推荐]

    用js模仿word格式刷功能实现代码 [推荐]

    非常不错的模仿word格式刷实现代码。推荐大家参考下思路。
    2009-07-07
  • js数组中去除重复值的几种方法

    js数组中去除重复值的几种方法

    这篇文章主要介绍了js数组中去除重复值的几种方法，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
    2020-08-08
  • JavaScript将字符串转换为整数的方法

    JavaScript将字符串转换为整数的方法

    这篇文章主要介绍了JavaScript将字符串转换为整数的方法,涉及javascript中parseInt函数的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript实现页面跳转的5种方法总结

    JavaScript实现页面跳转的5种方法总结

    在前台开发中会涉及页面跳转的问题,下面这篇文章主要给大家总结介绍了关于JavaScript实现页面跳转的5种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12

最新评论