笔记：js原生以 post 方式提交 并打开新页面

已于 2022-03-17 09:35:02 修改
阅读量467 收藏
点赞数
分类专栏： 前端 文章标签： javascript 前端 开发语言
于 2022-03-16 17:18:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxdhwz/article/details/123531298
版权

原理：模拟表单

<!DOCTYPE html>
<body><script>+(function name(){let setform=document.createElement("form");
setform.action = 'http://www.so.com';     //目标路径
setform.method="post";setform.target = "_blank";setform.style.display="none";
let valudic = {'key':'value'};          //值
for (keys in valudic){let setkey=document.createElement("textarea");setkey.name=keys;setkey.value=valudic[keys];
setform.appendChild(setkey);}document.body.appendChild(setform);setform.submit();})()</script></body>
lxdhwz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js以post方式打开新页面
03-23
js以post方式打开新页面
原生javascript笔记.zip
07-04
原生javascript学习笔记，适合刚入门的，或者想提升的小伙伴们
JavaScript 以POST方式打开新页面
aiqi1964的博客
08-11 366
场景：前置的查询页面，选择查询条件后提交到另一个页面。 方式很多，列出我知道的几种 1.window.open. 2.Response.Redirect. 3.Server.Transfer. 方法一和方法二都存在同样的问题，因为是get方式提交的，所以提交的数据都会显示URL中，一个是安全问题，另外一个是URL长度限制，在IE中，URL最大长度为2083.所以数据量过多时会导...
原生post请求
z1048956673的博客
09-07 673
ajax: function(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; //请求地址 opt.async = opt.async || true; //是否异步...
原生js实现post提交
kevin_cat的博客
05-03 2710
//原生js实现post提交var url = "http://localhost:8080/culcleasing/print/print/proj_print_comment.jsp";    var postForm = document.createElement("form");//表单对象     postForm.method="post" ;     postForm.action...
Post方式打开新窗口
weixin_33955681的博客
01-26 76
最近在做一个跟ERP相连的领料网站，用到POST的方法打开新窗口来打印报表 代码转别人的，在这里记一下； javascript代码 function openPostWindow(url, data1,name) { var tempForm = document.createElement("form"); tempForm.id = "tempF...
Flask框架学习笔记之表单基础介绍与表单提交方式
12-31
本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式。分享给大家供大家参考，具体如下： 表单介绍 表单是HTML页面中负责数据采集功能的部件。由表单标签，表单域和表单按钮组成。通过表单，将用户输入的...
chrome-note-app:chrome原生笔记应用
05-15
chrome-note-app chrome原生笔记应用
Web前端学习笔记：HTML5+CSS3+JavaScript.pdf
03-19
CSS3 篇首先从 CSS3 的基础知识开始，讲解了 CSS 样式表与选择器的使用（包括 CSS3 新增选择器），并重点讲解了 CSS 中的各种属性以及 CSS3 的新属性，然后讲解了 CSS 中的盒模型、浮动、定位的相关知识，最后介绍...
form表单 post 请求打开新页面
weixin_30651273的博客
06-27 1051
function postOpenWindow(URL, PARAMS, target) { if(target == null) target = "_blank"; var temp_form = document.createElement("form"); te...
在Js页面通过POST传递参数跳转到新页面详解
12-02
场景 最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求，所以当传递的数据过大的时候，会报错 nginx 414 request-uri too long 客户端请求头缓冲区大小，如果请求头总长度大于小于128k，则使用此缓冲区 client_header_buffer_size 128k; 请求头总长度大于128k时使用 large_client_header_buffers 设置的缓存区 large_client_header_
web在新窗口中打开页面,Post请求
砷碲 - Shendi
08-29 4315
I'm Shendi; 需求 有的时候我们的页面需要在新窗口中处理操作-比如支付页面 这时我们可以直接设置a 标签的属性 target='_blank' 来在新窗口中打开 但是这样显得很不安全,并且只能为get请求 思路 有几种方法 我们可以在 js 中创建 a 标签来进行处理,但是只能是get请求 在前后端分离项目中,一般都是post请求 在新窗口,参数都在链接上显而易见 使用表单 a标签形式 //这里是js代码 var a = document.c...
使用POST请求打开新窗口
04-30 3167
转载网址：https://www.cnblogs.com/huxiaoyun90/p/5501700.html 需求：因为打开的新窗口涉及到敏感数据，客户要求只能查看不能下载 可能的隐性需求：要求新窗口按指定大小，不显示地址栏/隐藏地址栏信息/可打印 使用此方法：新打开窗口的地址栏是about:blank，但网页可正常显示 缺点：加载新窗口时没有任何提示，打开的瞬间无法识别网络故障还是正在...
JS使用POST请求打开新窗口
qq_36662832的博客
01-14 4525
//发送POST请求跳转到指定页面 function httpPost(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.target = "_blank"; //1.跳转新窗口需要设置该参数 2.当前页跳转可以去掉该参数 temp.style.display = "none"; for (var x in PARAMS) .
以Post 提交数据，并打开提交页面
java开发指南博客 【转载】
04-10 201
方法很简单，不过有时候我们进入了思维定势中出不来了，导致想不到解决方案！ 一般说打开页面我们首先想到的就是 window.open 这个方法，或者是 通过 jquery.ajax 方法 但是他们不能进行“大数据量”的 post 提交 说说下面的方式，就是在页面中嵌入一个 form 标签（注意：这个标签不能和其他的 from 嵌套否则...，你懂的！） 这个标签设置为不可见 style=...
使用post打开新窗口
wcw002500的博客
04-22 314
代码片段 //div 中的file 上传框 <input id="xxx" type="text" placeholder="请输入内容"/> var text = $("#xxx").val(); //用法 function a(){ var url = ctx + "/xxx/xxx/xxx?_csrf="+csrf; var text = $("#xxx").val(); ...
html js post提交表单提交,js构建form进行post提交
weixin_39734987的博客
06-18 237
//构建post方式提交var form = document.createElement("form");form.action = "conditionSearch.action";form.method = "POST";form.style.display = "none";//构建input并附加参数//查询条件var conditionText = document.createEle...
JS之以POST方式打开Web页面(地址栏参数问题)
小达哥的博客
03-11 5710
以post方式打开页面 /** * 以post方式打开页面 * url为请求路径 * params为请求参数 * target为页面打开方式 */ function postOpenWindow(URL,PARAMS,target) { if(target==null) target = "_blank"; var temp_form = document.creat...
利用JavaScript模拟表单进行Post以及Get提交的方法
ding43930053的专栏
09-08 1097
postForm : function(url, params) { var temp = document.createElement("form"); //创建form表单 temp.action = url; temp.target = "_self"; temp.method = "post"; temp.style....
gstreamer源码阅读笔记:类型系统
最新发布
05-15
GStreamer 是一个开源的多媒体框架，可以方便地创建音频和视频应用程序。GStreamer的类型系统是其中的一个重要组成部分，它为GStreamer提供了灵活性和扩展性。下面是关于GStreamer类型系统的一些笔记： 1. GStreamer类型系统是基于GObject库的。它通过GObject库提供的对象系统，提供了一套完整的类型系统，包括类型的继承、属性、信号等。 2. GStreamer类型系统中最基本的类型是GstObject。所有的GStreamer类型都从GstObject派生。GstObject包括一个名称、标志、引用计数和一个GType实例。 3. GStreamer类型系统中还包括GstElement、GstPad等类型。其中，GstElement是表示处理媒体数据的基本单元，它可以连接其他的GstElement以构建一个完整的数据处理管道；GstPad是GstElement之间连接的接口。 4. GStreamer类型系统中的每个类型都有一组属性。属性可以是int、double、string等类型。属性可以在运行时设置和获取，还可以通过信号来监听属性值的变化。 5. GStreamer类型系统中还包括信号机制。使用信号机制可以在对象之间进行通信，例如在数据处理管道中传递事件、状态等信息。 6. GStreamer类型系统支持继承和多态。这使得开发者可以创建自己的类型并集成到GStreamer框架中，或者重载已有类型的方法以实现自己的需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值