iframe+form表单提交数据

ぐ巨炮叔叔 提交于 2019-12-19 03:57:35
    <h6>基于iframe+Form表单</h6>
    <iframe id="iframe" name="ifra" onclick="AjaxSubmit5()"></iframe>
    <form id="fm" action="/app04/ajax1/" method="POST" target="ifra">
        <input name="root" value="111111"/>
        <a onclick="AjaxSubmit5()">提交</a>
    </form>

 通过form的target 与iframe的name进行关联

function AjaxSubmit5() {
        //提交之前绑定
        document.getElementById('iframe').onload=reload;
        document.getElementById('fm').submit()
    }

    function reload() {//提交之后取值
        //用jQuery找
     // console.log($(ths).contents().find('body').html())
        var content = this.contentWindow.document.body.innerHTML;//this代表iframe标签
      var obj=JSON.parse(content);//转换成json对象

    }

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!