js如何提交iframe中的表单

hiboshi 2013-08-29 09:14:52
<script>
function testsub() {


frames["aaa"].document.forms["form1"].submit();


}

function testsub1() {
var aa = document.testform1;
aa.submit();
}
</script>

<button onclick="testsub()">test1</button>
<button onclick="testsub1()">test2</button>
<iframe id="aaa">
<form method="post" id="form1" action="./zip_upload.php">
<input type="text" value="aa" name="aaaa"/>
</form>
</iframe>

<form name="testform1" method="post" id="testform1" action="./zip_upload.php">
<input type="text" value="aa" name="aaaa"/>
</form>

点击test1的按钮报错了,请问应该是怎么提交iframe中的表单呢。
...全文
676 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
hiboshi 2013-08-29
  • 打赏
  • 举报
回复
我也是 按照楼上的方法做的,但是我现在的问题是 form表单中需要 里面需要提交图片, ,form 其他内容不提交 只需要提交图片,不知道 大家有什么办法。
notlikeGaoShou 2013-08-29
  • 打赏
  • 举报
回复
给你一个连接地址http://www.iteye.com/topic/396959
notlikeGaoShou 2013-08-29
  • 打赏
  • 举报
回复
要ajax上传图片的话一般的用ajaxupload控件,但是呢ie会弹出json保存框,我一般的做法是在当页提交表单,但是form的target为iframe的id,那么相当于在本页提交一个请求去iframe啦,然后获取iframe里面返回的东西判断上传是否成功 但是本页面的form 的enctype必须为"multipart/form-data"
hiboshi 2013-08-29
  • 打赏
  • 举报
回复
引用 7 楼 xiaofanku 的回复:
[quote=引用 6 楼 hiboshi 的回复:] 我现在需要的是form 表单中用ajax提交图片,可以使用iframe提交, 可是form不允许嵌套,该怎么做?
获取form1的action,拿到input值,用ajax提交即可

function testsub() {

$.ajax({
  url: $('#form1').attr('action'),
  type:'POST',
  data:'aaaa='+$('input[name=aaaa]').val(),
  success: function(){
    alert('access');
  }
});
}
[/quote] 我是想提交的图片,如果是html 的话可以使用 formdata对象,但是 现在需要兼容ie,只能提交ifrme来ajax提交图片的
街头小贩 2013-08-29
  • 打赏
  • 举报
回复
引用 6 楼 hiboshi 的回复:
我现在需要的是form 表单中用ajax提交图片,可以使用iframe提交, 可是form不允许嵌套,该怎么做?
获取form1的action,拿到input值,用ajax提交即可

function testsub() {

$.ajax({
  url: $('#form1').attr('action'),
  type:'POST',
  data:'aaaa='+$('input[name=aaaa]').val(),
  success: function(){
    alert('access');
  }
});
}
hiboshi 2013-08-29
  • 打赏
  • 举报
回复
我现在需要的是form 表单中用ajax提交图片,可以使用iframe提交, 可是form不允许嵌套,该怎么做?
街头小贩 2013-08-29
  • 打赏
  • 举报
回复
引用 4 楼 xiaofanku 的回复:
[code=javascrpt] document.forms[0].submit() [/code]
或者
document.getElementById('form1').submit();
街头小贩 2013-08-29
  • 打赏
  • 举报
回复
[code=javascrpt] document.forms[0].submit() [/code]
hiboshi 2013-08-29
  • 打赏
  • 举报
回复
楼上的两位的方法都报错了 报cannot call method submit of undefined
bichir 2013-08-29
  • 打赏
  • 举报
回复
你这IFRAM写得有点奇怪咯,<IFRAM>这里能写东西吗?写了能像你想像那样解析吗?</IFRAM>.假如你说你就喜欢这样写,那你得把你JS改一下 frames["aaa"].document.forms["form1"].submit(); 改成 document.forms["form1"].submit(); 如果还是不对,就改成 document.getElementById("form1").submit();
未知数 2013-08-29
  • 打赏
  • 举报
回复
document.getElementById('aaa').contentWindow.document.forms[0].submit();

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧