首页 > 代码库 > ajax innerHTML 拼接js 不执行,呈现解决方法

ajax innerHTML 拼接js 不执行,呈现解决方法

源代码:

$.ajax({

url : "<%=request.getContextPath()%>/cartree/testCartree.action",

type : "GET",

cache : false,

async : false,

data : {

"method" : "selFun"

},

dataType : "json",

contentType: "application/x-www-form-urlencoded; charset=utf-8", 

success : function(json){

var lsgj_tree_context = "<script type=\"text/javascript\">"

+"c = new dTree(\"c\");"

+"c.config.useCookies = false;"

+"c.config.useStatusText = true;"

+"c.config.closeSameLevel = true;";

 

for(var i=0;i<json.length;i++){

if(json[i].deptNo == "0"){

//root 根目录

    lsgj_tree_context += "c.add("+json[i].deptNo+", -1, \""+json[i].deptName+"\");";

}else{

// 一级目录

lsgj_tree_context += "c.add("+json[i].deptNo+", 0, \""+json[i].deptName+"\", \"\", \"\",\"\", \"\", \"\", \"\", \"cradio\", \"radio\", \"\",\"\");";

var carObj = json[i].carObjList;

 

for(var j =0;j<carObj.length;j++){

// 二级目录

    lsgj_tree_context+="c.add("+carObj[j].cid+", "+json[i].deptNo+", \""+carObj[j].ccp+"\", \"\", \"\", \"\", \"\", \"\", \"\", \"cradio\", \"radio\", \"\",\"\");";

}

}

}

 

lsgj_tree_context+="document.write(c);";

lsgj_tree_context+=" </script";

lsgj_tree_context+=">";

alert(lsgj_tree_context);

document.getElementById("lsgj_tree").innerHTML =lsgj_tree_context;

 

}

 });

问题ajax innerHTML在拼接js字符串放入指定标签的时候,标签内js不能正常执行

 

解决办法引用innerHTML.js ,调用set_innerHTML方法

(1)<script type="text/javascript" src="http://www.mamicode.com//common/innerhtml.js"></script>

(2)$.ajax({

url : "<%=request.getContextPath()%>/cartree/getListCartree.action",

type : "GET",

cache : false,

async : false,

data : {

"method" : "selFun"

},

dataType : "json",

contentType: "application/x-www-form-urlencoded; charset=utf-8", 

success : function(json){

var ssjk_tree_context = "<script type=\"text/javascript\">"

+"a = new dTree(\"a\");"

+"a.config.useCookies = false;"

+"a.config.useStatusText = true;"

+"a.config.closeSameLevel = false;"; // 判断是否兄弟菜单同时展开

 

for(var i=0;i<json.length;i++){

if(json[i].deptNo == "0"){

//root 根目录

    ssjk_tree_context += "a.add("+json[i].deptNo+", -1, \""+json[i].deptName+"\");";

}else{

// 一级目录

ssjk_tree_context += "a.add("+json[i].deptNo+", 0, \""+json[i].deptName+"\", \"\", \"\",\"\", \"\", \"\", \"\", \"aradio\", \"checkbox\", \"\",\"\");";

var carObj = json[i].carObjList;

 

for(var j =0;j<carObj.length;j++){

// 二级目录

    ssjk_tree_context+="a.add("+carObj[j].cid+", "+json[i].deptNo+", \""+carObj[j].ccp+"\", \"\", \"\", \"\", \"\", \"\", \"\", \"aradio\", \"checkbox\", \"\",\"\");";

}

}

}

 

ssjk_tree_context+="document.write(a);";

ssjk_tree_context+=" <\/script";

ssjk_tree_context+=">";

set_innerHTML("ssjk_tree",ssjk_tree_context,""); // 将js利用innerHTML添加到指定标签

 

}

 });

 

注:innerHTML.js 代码

/* innerhtml.js 

* Copyright Ma Bingyao <andot@ujn.edu.cn> 

* Version: 1.9 

* LastModified: 2006-06-04 

* This library is free.  You can redistribute it and/or modify it. 

* http://www.coolcode.cn/?p=117 

*/ 

   

var global_html_pool = []; 

var global_script_pool = []; 

var global_script_src_pool = []; 

var global_lock_pool = []; 

var innerhtml_lock = null; 

var document_buffer = ""; 

   

function set_innerHTML(obj_id, html, time) { 

    if (innerhtml_lock == null) { 

        innerhtml_lock = obj_id; 

    } 

    else if (typeof(time) == "undefined") { 

        global_lock_pool[obj_id + "_html"] = html; 

        window.setTimeout("set_innerHTML(‘" + obj_id + "‘, global_lock_pool[‘" + obj_id + "_html‘]);", 10); 

        return; 

    } 

    else if (innerhtml_lock != obj_id) { 

        global_lock_pool[obj_id + "_html"] = html; 

        window.setTimeout("set_innerHTML(‘" + obj_id + "‘, global_lock_pool[‘" + obj_id + "_html‘], " + time + ");", 10); 

        return; 

    } 

   

    function get_script_id() { 

        return "script_" + (new Date()).getTime().toString(36) 

          + Math.floor(Math.random() * 100000000).toString(36); 

    } 

   

    document_buffer = ""; 

   

    document.write = function (str) { 

        document_buffer += str; 

    } 

    document.writeln = function (str) { 

        document_buffer += str + "\n"; 

    } 

   

    global_html_pool = []; 

   

    var scripts = []; 

    html = html.split(/<\/script>/i); 

    for (var i = 0; i < html.length; i++) { 

        global_html_pool[i] = html[i].replace(/<script[\s\S]*$/ig, ""); 

        scripts[i] = {text: ‘‘, src: ‘‘ }; 

        scripts[i].text = html[i].substr(global_html_pool[i].length); 

        scripts[i].src = scripts[i].text.substr(0, scripts[i].text.indexOf(‘>‘) + 1); 

        scripts[i].src = scripts[i].src.match(/src\s*=\s*(\"([^\"]*)\"|\‘([^\‘]*)\‘|([^\s]*)[\s>])/i); 

        if (scripts[i].src) { 

            if (scripts[i].src[2]) { 

                scripts[i].src = scripts[i].src[2]; 

            } 

            else if (scripts[i].src[3]) { 

                scripts[i].src = scripts[i].src[3]; 

            } 

            else if (scripts[i].src[4]) { 

                scripts[i].src = scripts[i].src[4]; 

            } 

            else { 

                scripts[i].src = ""; 

            } 

            scripts[i].text = ""; 

        } 

        else { 

            scripts[i].src = ""; 

            scripts[i].text = scripts[i].text.substr(scripts[i].text.indexOf(‘>‘) + 1); 

            scripts[i].text = scripts[i].text.replace(/^\s*<\!--\s*/g, ""); 

        } 

    } 

   

    var s; 

    if (typeof(time) == "undefined") { 

        s = 0; 

    } 

    else { 

        s = time; 

    } 

   

    var script, add_script, remove_script; 

   

    for (var i = 0; i < scripts.length; i++) { 

        var add_html = "document_buffer += global_html_pool[" + i + "];\n"; 

        add_html += "document.getElementById(‘" + obj_id + "‘).innerHTML = document_buffer;\n"; 

        script = document.createElement("script"); 

        if (scripts[i].src) { 

            script.src = scripts[i].src; 

            if (typeof(global_script_src_pool[script.src]) == "undefined") { 

                global_script_src_pool[script.src] = true; 

                s += 2000; 

            } 

            else { 

                s += 10; 

            } 

        } 

        else { 

            script.text = scripts[i].text; 

            s += 10; 

        } 

        script.defer = true; 

        script.type =  "text/javascript"; 

        script.id = get_script_id(); 

        global_script_pool[script.id] = script; 

        add_script = add_html; 

        add_script += "document.getElementsByTagName(‘head‘).item(0)"; 

        add_script += ".appendChild(global_script_pool[‘" + script.id + "‘]);\n"; 

        window.setTimeout(add_script, s); 

        remove_script = "document.getElementsByTagName(‘head‘).item(0)"; 

        remove_script += ".removeChild(document.getElementById(‘" + script.id + "‘));\n"; 

        remove_script += "delete global_script_pool[‘" + script.id + "‘];\n"; 

        window.setTimeout(remove_script, s + 10000); 

    } 

   

    var end_script = "if (document_buffer.match(/<\\/script>/i)) {\n"; 

    end_script += "set_innerHTML(‘" + obj_id + "‘, document_buffer, " + s + ");\n"; 

    end_script += "}\n"; 

    end_script += "else {\n"; 

    end_script += "document.getElementById(‘" + obj_id + "‘).innerHTML = document_buffer;\n"; 

    end_script += "innerhtml_lock = null;\n"; 

    end_script += "}"; 

    window.setTimeout(end_script, s); 

}

ajax innerHTML 拼接js 不执行,呈现解决方法