让Ajax返回的innerHTML中的Javascript代码运行起来

最新推荐文章于 2023-06-13 13:45:47 发布
原创 最新推荐文章于 2023-06-13 13:45:47 发布 · 636 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ajax #div

本文介绍了一种通过Ajax获取字符串并将其插入到特定div的方法。接着，通过调用getElementsByTagName('SCRIPT')来获取div内的所有JavaScript代码，并使用eval()函数逐一执行这些脚本。
       Ajax返回的字符串，放入某个div的innerHTML中，然后再对此div对象调用getElementsByTagName("SCRIPT")方法，获取一个js的代码数组，然后将此数组的各元素，放入eval()逐个执行即可！ 
cgh43
关注
JavaScript与AJAX：让网页动起来的魔法与秘密
skyksksksksks的博客
02-18 1384
还记得20年前的互联网吗？每次点击链接都要经历漫长的白屏等待，网页像笨拙的机器人一样机械地刷新。直到有一天，JavaScript遇见AJAX，网页突然被注入了灵魂。就像给木偶系上了提线，原本死板的页面开始学会呼吸，能悄悄和服务器说悄悄话，能在不刷新页面的情况下换装变身。这场静悄悄的革命，彻底改写了我们与网页的相处方式。从最初笨拙的页面刷新，到如今丝滑的实时交互，JavaScript与AJAX的故事就像一部科技进化史。它们教会我们：在数字世界里，真正的魔法不在于炫目的特效，而在于那些看不见的数据流动。
Javascript 高级教程：深入解析 AJAX -- 从基础到高级应用
最新发布
caifox的博客
05-15 1134
AJAX（Asynchronous JavaScript and XML）技术在现代网络应用开发中扮演着重要角色，它通过异步数据交换实现网页的局部刷新，提升了用户体验和页面响应速度。本教程为具备JavaScript基础的开发者提供了全面的AJAX学习指南，涵盖从基本原理到现代实现方式（如Fetch API和Axios库）的核心概念与高级技巧。
Ajax中动态执行返回到innerHTML中的js
aiizumt4059的博客
08-20 240
******************************************************************** * 版权声明 * * 本文以Creative Commons的发布,请严格遵循该授权协议。 * 本文首发于博客园, 此声明为本文章中不可或缺的...
解决ajax返回innerHTML中javascript不能运行问题
yehell的专栏
03-31 9810
 在实际应用的过程中，我们经常会遇到使用ajax返回某一个网页的内容到模版页面的某一个标签中显示的操作。如果返回的值仅仅是文本类数据不会影响模版页面的功能，但是如果返回的数据包括javascript，那么直接innerHTML到模版页的这段脚本是不会被运行的。原因在于浏览器只在显示模版时才解析javascript，而使用ajax返回的js是被后期倒入的并没有被解析，所以调用的时候找不到对应的fun
解决ajax返回innerHTML中javascript不能运行的问题
yymycabbage的专栏
08-11 1063
在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如 div、span 或者 td 等），但是这里存在一个问题，就是我们将要赋给 innerHTML 的页面内容如果包含有脚本程序，这些脚本程序不管是外部脚本，还
Ajax中动态执行返回到innerHTML中的scripts代码
weixin_34203832的博客
01-25 175
2019独角兽企业重金招聘Python工程师标准>>> ...
让插入到 innerHTML 中的 script 跑起来的代码第1/2页
12-03
在JavaScript的DOM操作中，`innerHTML`属性是一个非常常用的方法，用于设置或获取元素的...通过这样的方法，我们可以有效地解决在AJAX应用中动态插入并执行JavaScript脚本的问题，从而实现更高效、更健壮的Web应用。
处理Ajax返回的JavaScript代码及应用示例
在前端开发中，处理 AJAX 返回的 JavaScript 代码是一个常见但容易被忽视的技术难点。该问题的核心在于：当通过异步请求（AJAX）从服务器获取包含 `<script>` 标签或纯 JavaScript 代码的内容时，浏览器并不会自动...
ajax返回javascript给页面执行
wonder的地下室
12-02 2018
因为一个需求，查询后如果没有数据，则返回给用户一个alert。 而我又比较懒，不喜欢在页面写alert。而且这样还多写了很多代码。经过多次试验，原来eval()函数正是我所要的。javascript:    var txt=http_request.responseText;eval(txt);action:response.getWriter().write(" var a=
Ajax异步获取html数据中包含js方法无效的解决方法
12-10
页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $.ajax({ url: '../demo.ashx?method=GetList', data: {}, dataType: 'json', type: 'post', async: true, success: function (data) { //console.log(data); var parentStr = ''; $.ea
ajax 后 html onload,解决ajax返回innerHTML中javascript不能运行问题
weixin_39700548的博客
07-07 208
ajax innerHTML 拼接js 不执行，呈现解决方法
jcoiwenwfkowe的博客
09-05 198
ajax innerHTML 拼接js 不执行，呈现解决方法
jquery用ajax请求，返回带脚本的html附加到页面，返回的脚本无法执行
qq824756152的博客
08-18 466
jQuery.parseHTML()不会运行解析的HTML中的脚本，除非你明确将参数keepScripts指定为true。不过，大多数环境仍然可以间接地执行脚本，例如：通过属性。出于未来的兼容性考虑，当参数keepScripts被省略或为false时，调用者应该不依赖任何运行脚 本内容的能力。原因是 $(xx).html() 不解释脚本，要用 parseHTML函数指定要执行脚本的参数或自己触发脚本执行。在写jquery经常会返回带脚本的内容，但里面的脚本会有莫名奇妙的问题，例如像下面的。...
ajax获取的数据中包含html代码,执行ajax返回数据中包含的script脚本代码
weixin_34028581的博客
06-04 596
ajax虽然很方便，提升了我们的交互体验，但是它也有可恨之处，就是ajax请求得到的数据中如果包含脚本代码，比如说请求得到的是一块html内容，我们把这块html内容插入到网页中的某个地方，但是其中明明存在的脚本却不能得以运行，如果你听不懂我在说什么，说明你还不懂ajax或者用得少没遇到这种现象。通常来讲，页面中包含的脚本形式无非两种：第一种：var _hmt = _hmt || [];(func...
ajax中执行服务器返回的js脚本
shannonlee的专栏
01-06 1427
在ajax的回调函数中，先获取js脚本的值，赋值到页面的某一个控件，比如一个div，如： document.getElementById("uccenter").innerHTML=data.ucString; //赋值给id为uccenter的div 然后获取此div中的script对象，如：var myDivScript = document.getElementById("uccen
ajax跨域加载html页面,关于javascript：如何进行简单的跨域ajax调用以返回html页面...
weixin_29407885的博客
06-03 398
提交 button>form>(函数($){函数processForm(e){$ .ajax({网址：" myserver.com:8080/myApp/user-login.jsp"，crossDomain：是的，dataType：" html"，类型：" post"，contentType：" application / x-www-form-urlencoded"，数据：$(th...
JQuery的ajax方法获取返回值得到了值还包含了不要的html源码 （Ajax相关知识）
weixin_30328063的博客
12-12 230
因为后台使用了response.Write()；这个方法，当输出完了以后，没有结束掉会继续输出，所以需要用到response.End()；这样问题就解决了 jquery的ajax除了通过url传值，后台用respon.querystring[""]来获取 还可以通过data中的数据传值，后台用respon.Form[“”]来获取 转载于:https://www.cnblogs...
Ajax提交请求后台返回一个完整的html页面
我的博客
06-13 2284
Ajax提交请求后台返回一个完整的html页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值