window.open()实现post传递参数

最新推荐文章于 2024-10-11 00:00:00 发布

ZMXQQ233

最新推荐文章于 2024-10-11 00:00:00 发布

阅读量7.9k

点赞数 2

分类专栏：工作日记文章标签： ajax jquery js json java

本文链接：https://blog.csdn.net/ZMXQQ233/article/details/107392697

版权

本文介绍如何将window.open的GET请求转换为POST请求，以避免URL中暴露参数并突破GET参数数量限制。尝试使用Ajax传递json数据，但发现无法在后台直接进行页面跳转。最后，采用隐藏的form表单来实现POST参数传递，这种方法既不会暴露数据，又解决了页面跳转问题。提供了一个简单的JavaScript方法示例，用于在新窗口中打开页面并传递POST数据。

摘要由CSDN通过智能技术生成

window.open()的get更改为post传递参数

最近改了个公司的需求，要求把前端的单选框更改为多选框。改前端简单，但是之前的代码都是用的window.open()跳到控制层（controller），传递参数只能用get，不仅把数据暴露在url中，还会限制参数的数量。所以准备用别的。

我最先打算用Ajax定义一个数组，用json格式传给控制层。。。。Ajax果然好用，数据是传过去了，可控制层的return "xxx.html"却又不能跳转页面了。ajax只是局部刷新，所以不能在后台接口直接进行页面的跳转，只能在ajax的回调函数中进行页面的跳转。在Ajax的success里加个跳转，可model封装的数据也过不去页面，那还不如window.open()呢。

baidu一下吧，居然可以用隐藏的form表单传递数据，还不会暴露数据，不过前端的东西看着就麻烦，再找找其他方法。。。。stackoverflow一下。靠。一样的方法。

那就用这个吧（没有平台歧视😁）。

代码如下

function openPostWindow(url, data, datas, target_type) {
   //参数列表，怎么写都行。主要要有url。
        var Datas = [];
        Datas = datas;
        var tempForm = $("<form>");
        tempForm.attr("id", "tempForm1");
        tempForm.attr("style", "di