使用ajax加载的页面中包含的javascript的解决方法 程序员文章站 2022-03-31 13:54:04 1、【使用iframe】 在需要加载的页面中添加一个iframe，如下 复制代码 代码如下: <div class="content"> <strong>1、【使用iframe】</strong> <br>在需要加载的页面中添加一个iframe，如下 <br><br><div class="codetitle"> <span><a style="cursor: pointer" data="7729" class="copybut" id="copybut7729" onclick="docopy('code7729')" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ=="><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code7729"> <br><iframe style="display:none" onload="javascript: close_ticket_onload()"></iframe> <br> </div> <br>onload中添加你所要调用的函数，如果加载的页面在弹出层中，此函数需要放在弹出此层的父页面！ <br><br><strong>2、【使用eval】</strong> <br>如果使用innerhtml填充xmlhttp取得的数据。如：xxx.innerhtml=xmlhttp取得的数据 <br>这样是不会执行js，添加eval方法就ok了：如：xxx.innerhtml=eval(返xmlhttp取得的数据); <br><br><strong>以下是补充内容:</strong><br>举例:用microsoft.xmlhttp获取数据后,数据为alert('测试') <br>xxx.innerhtml=返回的数据(也就是alert('测试')) <br>是不会执行的,因为javascript已经在页面加载的时候执行完了.在往里面加代码,他就不会再执行了. <br><br>开始的时候没找到方法,只能用<iframe>来代替.但其实我觉得已经不是我原来想要的"不刷新更新数据"的效果了..不过还是能用. <br><br>后来还是没有放弃,再到google搜索一次,居然搜索出csdn上的一篇贴子 <br>xxx.innerhtml=eval(返回的数据); 如:alert('测试') <br>一试居然成功了,真是高兴啊..真是太感谢这位高手了 <br>于是搜索了关于eval的用法 <br><br><a href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L2FydGljbGUvOTMwMy5odG0=" target="_blank" rel="nofollow">javascript中eval函数的使用</a> <br><br>简介:等你需要动态创建语句的时候，你将会发现它非常独特的作用，上网看了半天，找到些零散的内容，想来也算非常全面的了，全部把它收集起来放在这里以备后用，也供大家讨论学习使用。 <br>【eval()函数】 <br>javascript有许多小窍门来使编程更加容易。 <br>其中之一就是eval()函数，这个函数可以把一个字符串当作一个javascript表达式一样去执行它。 <br>举个小例子： <br>var the_unevaled_answer = "2 + 3"; <br>var the_evaled_answer = eval("2 + 3"); <br>alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer); <br>如果你运行这段eval程序, 你将会看到在javascript里字符串"2 + 3"实际上被执行了。 <br>所以当你把the_evaled_answer的值设成 eval("2 + 3")时, javascript将会明白并把2和3的和返回给the_evaled_answer。 <br>这个看起来似乎有点傻，其实可以做出很有趣的事。比如使用eval你可以根据用户的输入直接创建函数。 <br><br><br>附上测试代码: <br><div class="codetitle"> <span><a style="cursor: pointer" data="99443" class="copybut" id="copybut99443" onclick="docopy('code99443')" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ=="><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code99443"> <br><script language=javascript> <br>function check_user_exists(form){ <br>u_name=form.u_name.value; <br>if (u_name==null||u_name==''){ <br>alert("请您输入用户名"); <br>return false; <br>} <br>infoboard=document.getelementbyid("checkinfo"); <br>infoboard.innertext='查询中...'; <br>myurl="http://localhost/ajax/form1.asp" <br>retcode=openurl(myurl); <br>infoboard.innerhtml=eval(retcode); <br><br>return; <br>} <br><br>function openurl(url){ <br>var objxml=new activexobject("microsoft.xmlhttp") <br>objxml.open("get",url,false); <br>objxml.send(); <br>retinfo=objxml.responsetext; <br>if (objxml.status=="200"){ <br>return retinfo; <br>} <br>else{ <br>return "-2"; <br>} <br>} <br></script> <br><br><form name=form1 action="xxxx.asp" method="post"> <br><input type=text name=u_name><span id="checkinfo" style="display:none"></span><input type=button name=checkuser value="检测用户是否存 <br><br>在" onclick="check_user_exists(this.form);"> <br></form> <br> </div> <br><br>form1.asp的内容为 <br><div class="codetitle"> <span><a style="cursor: pointer" data="77417" class="copybut" id="copybut77417" onclick="docopy('code77417')" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ=="><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code77417"> <br>alert('内容仅是测试,所以写简单点') <br> </div> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/403379.html"> Windows 10 v1909进入发布预览渠道：正式版近在眼前 </a> </p> <p> 下一篇： <a href="/article/403381.html"> 学校的笑段可真逗 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2106571.html" target="_blank" title="javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】"> <h2> javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】 </h2> </a> </li> <li> <a href="/article/2103095.html" target="_blank" title="使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面"> <h2> 使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面 </h2> </a> </li> <li> <a href="/article/2089356.html" target="_blank" title="Ajax异步获取html数据中包含js方法无效的解决方法"> <h2> Ajax异步获取html数据中包含js方法无效的解决方法 </h2> </a> </li> <li> <a href="/article/2031965.html" target="_blank" title="jQuery中ajax的使用与缓存问题的解决方法"> <h2> jQuery中ajax的使用与缓存问题的解决方法 </h2> </a> </li> <li> <a href="/article/1954461.html" target="_blank" title="frameset布局时frame中src路径的页面没有加载的解决方法"> <h2> frameset布局时frame中src路径的页面没有加载的解决方法 </h2> </a> </li> <li> <a href="/article/1835116.html" target="_blank" title="使用JavaScript实现在页面中显示距离2017年中秋节的天数"> <h2> 使用JavaScript实现在页面中显示距离2017年中秋节的天数 </h2> </a> </li> <li> <a href="/article/1831854.html" target="_blank" title="使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)"> <h2> 使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐) </h2> </a> </li> <li> <a href="/article/1790701.html" target="_blank" title="如果jsp页面中include(被包含)被包含的页面中有加载事件，那window.onload事件到底什么时候执行，会执行几次？"> <h2> 如果jsp页面中include(被包含)被包含的页面中有加载事件，那window.onload事件到底什么时候执行，会执行几次？ </h2> </a> </li> <li> <a href="/article/1611960.html" target="_blank" title="使用ajax加载的页面中包含的javascript的解决方法"> <h2> 使用ajax加载的页面中包含的javascript的解决方法 </h2> </a> </li> <li> <a href="/article/1443654.html" target="_blank" title="jquery中页面Ajax方法$.load的功能使用介绍"> <h2> jquery中页面Ajax方法$.load的功能使用介绍 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>