ajax返回javascript代码并执行

通过XMLHttpRequest.responseText方法得到的内容是一段javascript代码, 怎样让这段代码被浏览器编译执行呢？
例如:
XMLHttpRequest.responseText得到的内容是
"function a(){ alert("hello");}"

答案：eval("("+script+")")

其他：http://zhidao.zhaoxi.net/question/320774957.html

试试呗 帖链接会被百度吃掉

动态加载js的四种方法

 1、直接document.write
 <script language="javascript">
     document.write("<script src='test.js'><\/script>");
 </script>
2、动态改变已有script的src属性
 <script src='' id="s1"></script>
 <script language="javascript">
     s1.src="test.js"
 </script>
 
3、动态创建script元素
 <script>
     var oHead = document.getElementsByTagName_r('HEAD').item(0);
     var oScript= document.createElement("script");
     oScript.type = "text/javascript";
     oScript.src="test.js";
     oHead.appendChild( oScript);
 </script>

 　　这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。
 要动态加载的JS脚本：a.js，以下是该文件的内容。
 var str = "中国";
 alert( "这是a.js中的变量：" + str );


 主页面代码：

 <script language="JavaScript">
 function LoadJS( id, fileUrl )
 {
     var scriptTag = document.getElementByIdx( id );
     var oHead = document.getElementsByTagName_r('HEAD').item(0);
     var oScript= document.createElement("script");

     if ( scriptTag  ) oHead.removeChild( scriptTag  );
     oScript.id = id;
     oScript.type = "text/javascript";
     oScript.src=fileUrl ;
     oHead.appendChild( oScript);
 }

 LoadJS( "a.js" );

 alert( "主页面动态加载a.js并取其中的变量：" + str );
 </script>
 上述代码执行后 a.js 的 alert 执行并弹出消息，

 但是 主页面产生了错误，没有弹出对话框。原因是 'str' 未定义，为什么呢？因为主页面在取 str 的
 时候 a.js 并没有完全加载成功。遇到需要同步执行脚本的时候，可以用下面的第四种方法。
 
4、原理：用XMLHTTP取得要脚本的内容，再创建 Script 对象。
 注意：a.js必须用UTF8编码保存，要不会出错。因为服务器与XML使用UTF8编码传送数据。
 主页面代码：
 <script language="JavaScript">
 function GetHttpRequest()
 {
     if ( window.XMLHttpRequest ) // Gecko
         return new XMLHttpRequest() ;
     else if ( window.ActiveXObject ) // IE
         return new ActiveXObject("MsXml2.XmlHttp") ;
 }

 function AjaxPage(sId, url){
     var oXmlHttp = GetHttpRequest() ;

     oXmlHttp.OnReadyStateChange = function()  
     {
         if ( oXmlHttp.readyState == 4 )
         {
             if ( oXmlHttp.status == 200 || oXmlHttp.status == 304 )
             {
                 IncludeJS( sId, url, oXmlHttp.responseText );
             }
             else
             {
                 alert( 'XML request error: ' + oXmlHttp.statusText + ' (' + oXmlHttp.status + ')' ) ;
             }
         }
     }

     oXmlHttp.open('GET', url, true);
     oXmlHttp.send(null);
 }

 function IncludeJS(sId, fileUrl, source)
 {
     if ( ( source != null ) && ( !document.getElementByIdx( sId ) ) ){
         var oHead = document.getElementsByTagName_r('HEAD').item(0);
         var oScript = document.createElement( "script" );

         oScript.language = "javascript";
         oScript.type = "text/javascript";
         oScript.id = sId;
         oScript.defer = true;
         oScript.text = source;

         oHead.appendChild( oScript );
     }
 }

 AjaxPage( "scrA", "b.js" );

 alert( "主页面动态加载JS脚本。");
 alert( "主页面动态加载a.js并取其中的变量：" + str );
 </script>

 用ajax同步加载JS代码，加载一个还好，两三个或者更多的时候，还是用异步加载比较快。
 我使用第三种方法，每个JS我都为其命名，当某个JS加载完成后，则置一个代表其已经加载完成的标志。

 未加亮代码复制打印
 //所有的JS文件   
 var jsM = {   
     page         : false  ,   
     dhtmlXTree  : false ,   
     photo_tree  : false     
    };   
 function getJSM(f)   
 {   
     var reg = /\/(\w+)\./;   
     jF = f.match(reg);   
     return jF[jF.length-1];   
 }   
    
 function loadJS(js)   
 {   
 id = getJSM(js);   
 var scriptId = document.getElementByIdx(id);   
 var head = document.getElementsByTagName_r('head').item(0);   
 if(scriptId)   
 {   
   //head.removeChild(id);   
 }   
 else   
 {   
   script  = document.createElement('script');   
   script.src = js;   
   script.type = 'text/javascript';   
   script.id = id;   
   head.appendChild(script);   
 }   
 }   
 //JS时候，判断jsM中，代表其模块的标识是否为true，如果为false，则尚未加载   
 loadJS("page.js")

上一个：在页面引用JAVASCRIPT时怎么给JAVASCRIPT传参
下一个：如何用javascript代码改变网页标题