`
alfred_long
  • 浏览: 559776 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

执行AJAX返回HTML片段中的JS脚本

阅读更多

在开发中,做某一遮罩层显示功能发现:

如果AJAX加载的数据是一个HTML片段,而且这个HTML片段还包含脚本<script>块,那么在你把这数据插入到当前文档一个元素中,你会发现AJAX加载回来的脚本根本没有执行,但是这个页面在单独的情况下是可以执行的。

在网上查找资料,发现这个问题是AJAX数据传输常见的问题,一般有两种解决思路:

1 利用JavaScript的eval方法执行脚本。

2 学习并使用jQuery框架的实现

看完了网上的思路以后,想了想,由于遮罩层是显示在某页面中,如果在这个页面用直接加载AJAX传过来的HTML页面中使用的方法,应该可以实现,经尝试,可以实现。

分享到:
评论

相关推荐

    用AJAX返回HTML片段中的JavaScript脚本

    在下面的例子中,假设变量responseText就是AJAX加载的HTML片段数据,其中包含脚本弹出一条消息,用innerHTML方法插入ID为ajaxData的DIV中,你可能期望看到弹出那个消息框,结果你发现没有,问题就是这样。...

    jQuery+ajax实现动态执行脚本的方法

    本文实例讲述了jQuery+ajax实现动态执行脚本的方法。分享给大家供大家参考。具体分析如下: 有时候,在页面初次加载时就取得所需的全部JavaScript也是没有必要的。具体需要取得哪个脚本,要视用户的操作而定。虽然...

    Json、Webservice、Jquery、Ajax

    Scripts\ 常用javascript脚本文件夹 jquery-1.4.1-vsdoc.js jquery智能感知引用 jquery-1.4.1.js jquery一用文件 jquery-1.4.1.min.js jquery精简版 Styles\ 样式文件夹 Site.css 样式文件 ...

    toString()一个会自动调用的方法

    如果在你的WEB项目中,有很多地方都需要输出像下面这样的一个列表HTML: 代码如下: &lt;ul&gt; &lt;li&gt;JavaScript事件冒泡应用实例&lt;/li&gt; 执行AJAX返回HTML片段中的JavaScript脚本&lt;/li&gt; &lt;/ul&gt; 很显然这是一个LI结构,也许你...

    用ajax函数读取xml,然后解析XML.html.rar

    用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的email属性,构造HTML字符串,通过append...

    grimoire:片段、脚本和咒语的集合

    一组有用的脚本、片段和咒语,使互联网变得更美好。 目录结构 javascript ajax_post : 使用 ajax 发布到 PHP 文件(XMLHttpRequest 对象返回数据) button_marker : 动画菜单按钮标记 countdown_timer : 倒计时...

    十个优秀的Ajax/Javascript实例网站收集

    1.Ajax Rain    AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例...MiniAJAX 是一个新生的网站,收集了少许 DHTML 和 AJAX 脚本, 它的代码片段风格非常实用。 4.Ajaxian    一个接近于门户类型的AJAX

    用ajax函数读取xml,然后解析XML.html

    摘要:脚本资源,Ajax/JavaScript,ajax无刷新读取文件 用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取...

    qunit-fixtures-loader:加载要在QUnit测试中使用HTML片段

    成功完成所有请求后,将从每个ajax结果中提取HTML响应,并将其作为参数传递给解析,并以与给定url相同的顺序返回给调用方。用法使用插件相当容易。 给定经典的QUnit测试设置,我们需要添加脚本以在测试HTML设置中...

    Ajax并不神秘:揭下各种Ajax控件和类库的小裤衩

    Ajax控件和类库现在真的太多了,不知不觉中增加了Ajax的神秘性和复杂...这段文本可以是xml格式,也可以是一个Html片段,也可以是一段JavaScript脚本,或者仅是一个字符串。服务器端仅仅是作为一个数据接口,客户端使用

    modal:一个普通的 JS 模态弹出脚本

    模态描述用于模态弹出窗口的独立香草 JS 脚本。 使用历史 API 创建整个页面加载的错觉(后退/前进按钮优点),但实际上只是通过 AJAX 加载模式内容,或者在图像的情况下,通过抓取图像 src 链接。指示将链接类设置为...

    最新JQuery版本1.8

    “$.parseHTML”也提供了一种方式将HTML解析为DOM片段,并控制可能包含的任何脚本的执行。这对于由Content Security Policy (CSP)控制的JavaScript环境来说特别重要,因为注入的脚本可能导致安全警告或异常。 在...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part1.rar

     1.3 JavaScript语法中常见的陷阱   1.3.1 区分大小写   1.3.2 单引号与双引号   1.3.3 换行   1.3.4 可选的分号和花括号   1.3.5 重载(并非真正的重载)   1.3.6 匿名函数   1.3.7 作用域...

    最新jquery.1.8.1

    “$.parseHTML”也提供了一种方式将HTML解析为DOM片段,并控制可能包含的任何脚本的执行。这对于由Content Security Policy (CSP)控制的JavaScript环境来说特别重要,因为注入的脚本可能导致安全警告或异常。 在...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part3.rar

     1.3 JavaScript语法中常见的陷阱   1.3.1 区分大小写   1.3.2 单引号与双引号   1.3.3 换行   1.3.4 可选的分号和花括号   1.3.5 重载(并非真正的重载)   1.3.6 匿名函数   1.3.7 作用域...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part2.rar

     1.3 JavaScript语法中常见的陷阱   1.3.1 区分大小写   1.3.2 单引号与双引号   1.3.3 换行   1.3.4 可选的分号和花括号   1.3.5 重载(并非真正的重载)   1.3.6 匿名函数   1.3.7 作用域...

    html入门到放弃笔记

    HTML中用于描述功能的符号称为"标记" 标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 ...

    Sublime2_Snippets_ServiceNow_Glide:适用于ServiceNow的Sublime 2代码片段Glide Ajax,客户端,表单和服务器

    ServiceNow-语法编辑器宏:vargr JavaScript执行编辑器:在表单中,按启动Javascript Executor JavaScript Log&Field Watcher 我们想要什么:精明的UI编辑器Intellisense自动完成推荐工具:Sublime 2编辑器-用于对...

    WEB前端助手(FeHelper)_v2019.09.0320.crx

    JSON自动美化(页面自动检测并格式化) ...Ajax调试功能(需在控制台中使用) 网页编码设置(UTF-8、GBK、日文、韩文等) 我的便签笔记(便签笔记,支持导出) 人像背景移除(将人物照片中的背景移除:抠图工具)

Global site tag (gtag.js) - Google Analytics