iframe 加form提交数据

最新推荐文章于 2021-03-11 21:50:35 发布

weixin_34075551

最新推荐文章于 2021-03-11 21:50:35 发布

阅读量676

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/wangtc/p/10773832.html

本文介绍了一种通过使用iframe实现伪造Ajax请求的方法，详细解释了如何设置HTML表单以POST方式提交数据，并通过JavaScript监听iframe加载完成事件来模拟Ajax回调，获取服务器响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪造Ajax</title>
</head>
<body>

<input type="text">
<form id="f1" action="/fakeajax/" method="post" target="ifr">
    <iframe name="ifr" id="ifr"></iframe>
{#    当iframe加载时，也就是有返回值的时候 执行loadiframe()     模拟回调函数#}
    <input name="user" type="text">
    <a onclick="submit_form()">提交 </a>
</form>
</body>
<script>
    function submit_form() {
       document.getElementById('f1').submit()
       document.getElementById('ifr').onload=loadiframe#绑定事件
    }
   function loadiframe() {
      var return_values=document.getElementById('ifr').contentWindow.document.body.innerHTML
      console.log(return_values)
   }
</script>
</html>

iframe提交数据

要用ID去找不然前台报错

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<form id="f1" action="/fakeajax" method="post" target="ifr">
    {% csrf_token %}
    <iframe name="ifr" id="iframe"></iframe>
    <input name="user" type="text">
    <a onclick="submit_form()">提交</a>
</form>

<script>
    function submit_form() {
       document.getElementById('f1').submit()
       document.getElementById('iframe').onload=loadiframe
    }
   function loadiframe() {
      var return_values=this.contentWindow.document.body.innerHTML
       var obj = JSON.parse(return_values)
      if(obj.status){

                alert(obj.status);
            }
   }
</script>

</body>
</html>