iframe post方式传递参数
时间: 2023-06-28 10:05:31 浏览: 253
在 HTML 中使用 iframe 标签时,可以通过设置 src 属性来指定要加载的页面地址,同时也可以通过 post 方法向该页面传递参数。具体步骤如下:
1. 定义一个 form 表单,设置 action 属性为要加载的页面地址,method 属性为 post。
2. 在 form 表单内添加 input 元素,设置 name 属性为传递的参数名,value 属性为传递的参数值。
3. 在 form 表单内添加一个 submit 按钮或者使用 JavaScript 手动提交表单。
4. 在 iframe 标签中设置 name 属性为一个唯一名称,然后设置 form 表单的 target 属性为该名称即可。
示例代码如下:
```html
<form action="target_page.html" method="post" target="unique_name">
<input type="hidden" name="param1" value="value1">
<input type="hidden" name="param2" value="value2">
<button type="submit">提交</button>
</form>
<iframe name="unique_name"></iframe>
```
在上述代码中,当用户点击提交按钮时,表单数据将以 post 方法提交到 target_page.html 页面,并且在一个名称为 unique_name 的 iframe 中打开该页面。在 target_page.html 页面中可以通过 $_POST 变量获取传递过来的参数值。
阅读全文