从同一页面上的iFrame内部获取数据

时间:2011-03-28 17:10:57

标签: javascript jquery iframe html

我正在尝试做这样的事情:

 var data = $('#upTar').contents();
 $("#fileRes").html(data);

其中#upTar是一个iframe而#fileRes是一个div,我想把iframe(HTML格式)中的所有数据都放到div中。 iframe是动态加载的。

修改
附加代码如下:

    $("#addMore").click(function() {  
         $("#progForm").submit();  
         $('#upTar').load(function() {  
         $("#title, #obj, #theory, #code, #output, #conc").val("");  
         var data = $('#upTar').contents().find("body").html();  
         alert(data);    
         $("#fileRes").html(data);  
        });  
     });  

表单提交的目标是同一页面上的iframe(#upTar)。一旦加载了那个,我希望它的数据被转移到div。

CLOSURE EDIT
我现在调用ajax脚本来更新div,而不是尝试从iframe中获取详细信息。

全部谢谢!

1 个答案:

答案 0 :(得分:1)

尝试$('#upTar').contents().find("body").html()

contents本身返回顶级HTMLElement节点,您也必须从此节点获取HTML。并且你可能不希望所有HTML包括head部分,所以首先你需要找到body标签。