post方式加载iframe

我们平常使用iframe时，直接设定src属性只能是get请求方式，get请求的参数大小有限制
如何实现即使用iframe又能通过post请求
两种方式

ajax使用post请求返回页面，直接将返回的页面数据放入iframe标签中
结合form表单，利用form表单的post请求方式达到目的，实现方式如下实现方式：
增加一个form表单的标签，method设置为post，target设置一个标识，假如target=”target1”
在iframe设置name属性，name需要与target一致 name = “target1”
发送请求时通过发送form submit请求来使用post方式

<div><form id="form1" action="" target="target1" method="post"></form><iframe id="xxx" name="target1" src=""></iframe>
</div>

$('#form1').attr('action','url');
$('#form1').submit();

这样就实现了，使用浏览器F12可以查看请求方式确实是post了

<form id="myForm" method="post" target="myFrame"><input type="hidden" name="datas" id="data_param" />
</form>
<iframe name="myFrame" width="500px" height="200px;" ></iframe>

$("#data_param").val(dp);
$("#myForm").attr("action", "/java/loadHtmlData");
$("#myForm").submit();

只需将form的target属性与iframe的name保持一致，即可实现iframe的post方式加载数据

post方式加载iframe相关推荐

Spring Boot不允许加载iframe问题解决
2019独角兽企业重金招聘Python工程师标准>>> 在spring boot项目中出现不能加载iframe 页面空白,或者ie显示不允许加载页面报一个"Refused ...
iframe js 加载失败_JS加载iFrame出现空白问题的解决办法
在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决.特此把我的问题描述及解决办法分享到脚本之家平台,帮助那些遇到此问题的朋友. 1.js加载iframe出现空白 iframe ...
html iframe 空白,JS加载iFrame出现空白问题的解决办法
在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决.特此把我的问题描述及解决办法分享到脚本之家平台,帮助那些遇到此问题的朋友. 1.js加载iframe出现空白 iframe ...
《ArcGIS Runtime SDK for Android开发笔记》——（13）、图层扩展方式加载Google地图...
1.前言 http://mt2.google.cn/vt/lyrs=m@225000000&hl=zh-CN&gl=cn&x=420&y=193&z=9& ...
使用jQuery和YQL，以Ajax方式加载外部内容
我们来看看怎样使用jQuery,以Ajax方式加载外部(其他域上)的内容.这里的所有代码都可以从GitHub下载,也可以在这个演示页面中获取,因而不用复制粘贴了. OK,Ajax通过jQuery是很容 ...
使用SDWebImage淡入淡出的方式加载图片
使用SDWebImage淡入淡出的方式加载图片效果: 请通过以下方式下载源码: 找到它修改文件的地方: 以下是使用源码: // // ViewController.m // SDWebImageFa ...
【js】【cornerstone】cornerstone使用url方式加载图像
[js][cornerstone]cornerstone使用url方式加载图像引入cornerstoneWebImageLoader loadImage 引入cornerstoneWebImageL ...
Unity两中方式加载图片
看到草羊发的图片,也是真懒. 想起来当时写天气预报现在都忘干净了,好记性不如烂笔头,还是应该多记.自己打下来好了 using System; using System.Collections; usi ...
layui信息加载流的方式加载数据
SSM项目中使用layui信息加载流的方式加载数据这里首先jsp页面来一个div容器,这里数数据显示的地方 //css样式: <style type="text/css"& ...

post方式加载iframe

post方式加载iframe相关推荐

最新文章

热门文章