iframe 加form提交数据

本文转载自查看原文 2019-04-26 13:43 746

<!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>

详细：https://www.cnblogs.com/sss4/p/7137032.html

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 form + iframe 获取表单提交后返回的数据如何通过iframe以post方式提交form表单 form表单提交数组数据 form表单提交数据给后台 easyui form 方式提交数据 django 使用form组件提交数据之form表单提交 form表单中的 target 属性，向指定的iframe中提交，实现表单提交不刷新功能 form表单提交数据的数据格式 go学习-获取form表单提交数据 jQuery ajax()使用serialize()提交form数据