刷新模型窗口上的html iFrame

时间:2018-03-09 05:01:17

标签: javascript jquery html

我将iFrame加载到模型窗口中。在该模型窗口中,我正在加载一些URL,该URL包含一个按钮。从该按钮我调用AJAX请求并更新iFrame的内容。

但是下次打开相同的Model窗口时,它仍然是AJAX请求的响应。但我需要加载iframe src =""每当我打开iFrame模型窗口时都会有内容。

我使用了这段代码。

main.html中

<button id="loadiframe">Load iFrame</button>
<div class="model hide">
 <iframe id="ajaxdata_id" src="" width="100%" />
</div>

index.js

$('#loadiframe').on('click',function(){ 
  document.getElementById('ajaxdata_id').contentWindow.location.reload() 
// **<- above line not work then get the same result next time **
  $('#ajaxdata_id').attr("src", "ajax.html?id=1"); //id is dynamic
});

内部 ajax.html 内容我正在做一些数据处理部分。

<button id="getajaxdata">Get Data</button>
<input id="first" />
<input id="second" />
<div class="ajax_data">
 <span><p id="result"></p></span>
</div>
<script>$('#getajaxdata').on('click',function(){
       $('#result').html($('#first').val() + $('#second').val());
   });
</script>

我的问题始终是ajax.html仍然是最后一个响应而不是ajax.html内容。

例如:当第一个输入值为10时,下一个输入值为20且#result p标签的html值为30.

但是当我使用Load iFrame按钮加载iFrame时,结果应该清除,并且应该显示main.html的内容。

0 个答案:

没有答案