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="<%=request.getContextPath()%>/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 <[email protected]>

* 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);

}

时间: 2024-08-28 01:14:56

ajax innerHTML 拼接js 不执行,呈现解决方法的相关文章

jQuery中ajax的使用与缓存问题的解决方法

jQuery中ajax的使用与缓存问题的解决方法 1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个

PowerShell因为在此系统中禁止执行脚本解决方法

PowerShell因为在此系统中禁止执行脚本解决方法 在Powershell直接脚本时会出现: 无法加载文件 ******.ps1,因为在此系统中禁止执行脚本.有关详细信息,请参阅 "get-help about_signing". 所在位置 行:1 字符: 17 + E:\Test\test.ps1 <<<<     + CategoryInfo          : NotSpecified: (:) [], PSSecurityException    

【翻译自mos文章】job 不能自动执行的解决方法

job 不能自动执行的解决方法 参考原文: Jobs do not execute automatically (Doc ID 309945.1) 适用于: Oracle Server - Enterprise Edition - Version: 9.2.0.4 This problem can occur on any platform. 症状: Job 不能自动执行. JOB_QUEUE_PROCESSES 已经设置为大于0的值 你已经检查过 sga 变量kkjsre 的值,该值为0 例子

.NET获取不到js写的cookie解决方法

今晚使用javascript设置一个来路的cookie,之后使用ASP.NET获取这个cookie值,发现ASP.NET获取不到JS设置的cookie值,真郁闷中,以下是JS写Cookie的代码: Code //写cookies functionsetCookie(name,value) { document.cookie=name"="escape(value)";";//设置的cookie关闭浏览即失效 } //JS设置来路写入到cookie setCookie

IE浏览器下ajax缓存导致数据不更新的解决方法

摘自:http://www.iefans.net/ie-ajax-json-shuju-huancun/ 最近做设计的时候遇到一个小问题,当你用jquery的getjson函数从后台获取数据的时候,IE浏览器会自动设置缓存,如果此时你对数据进行修改的时候刷新页面,IE并不会在页面显示你修改后的数据,因为你刷新的时候IE浏览器会查找缓存并显示你修改前的数据,最后在网上查了些资料终于解决了IE浏览器下的问题. 方法就是在你的请求的URL 后面设置个可变的参数,比如: Java代码 $.getJSON

使用ajax请求SpringMVC返回Json出现乱码解决方法

1:在使用ajax请求后台访问数据的数据,后台返回的数据是乱码,带??问号的乱码,之前还一直没有遇到过,在这里记录整理一下,贴出解决代码! (1):前台使用ajax ,已经设定返回的结果为json格式!ajax代码不贴出来了! (2):后台代码 @RequestMapping(value = { "/hello/{uuid}" }, method = RequestMethod.GET /*,produces = "text/html;charset=UTF-8"*

asp.net服务器控件button先执行js再执行后台的方法

关于button这个服务器控件,我一直想减少它向服务器提交数据.那些检测,还是在客户端实现就好了.这就需要javascript,但是我发现仅仅有javascript还是不够的.button服务器控件的单击事件叫“onClick”,所以javascript就无法使用这个事件.因为重名了.我想实现的是单击button的时候,先执行客户端的javascript代码,然后再执行后台事件. 如果使用的是html控件,就不存在这种问题了.但是,我就是想实现服务器控件的这一功能,有时候服务器控件也是很好用的.

JS 一些问题与解决方法

一.post/get传输json数据中包含特殊字符 二.<form>表单submit后不提交的解决方法 三.JS获取<form>表单中<input type='file'>,并提交给服务器的解决方法

ASP.NET - 服务器控件button 先执行js 再执行后台的方法

关于button这个服务器控件,我一直想减少它向服务器提交数据.那些检测,还是在客户端实现就好了.这就需要javascript,但是我发现仅仅有javascript还是不够的.button服务器控件的单击事件叫“onClick”,所以javascript就无法使用这个事件.因为重名了.我想实现的是单击button的时候,先执行客户端的javascript代码,然后再执行后台事件. 如果使用的是html控件,就不存在这种问题了.但是,我就是想实现服务器控件的这一功能,有时候服务器控件也是很好用的.