我将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的内容。