`
alfred_long
  • 浏览: 567303 次
  • 性别: 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中,你可能期望看到弹出那个消息框,结果你发现没有,问题就是这样。...

    js脚本集合有javascript脚本和正则法则

    在提供的"js脚本集合"中,包含了100多个经典常用的JavaScript脚本。这些脚本可能是用于解决各种常见问题的函数库、工具集或者特定功能的实现,例如页面动态效果、表单验证、图片轮播、时间日期处理、Ajax请求等。...

    Ajax 动态载入html页面后不能执行其中的js快速解决方法

    这是因为默认情况下,Ajax加载的HTML片段被视为静态内容,浏览器不会执行其中的脚本。本文将详细讲解这个问题的解决方法。 首先,我们要了解为什么动态加载的JavaScript不被执行。当HTML通过Ajax加载时,浏览器并不...

    一个通过ajax+js技术实现的客户端函数动态执行服务器端后台函数

    "一个通过ajax+js技术实现的客户端函数动态执行服务器端后台函数" 这个标题表明我们讨论的是一个使用AJAX(异步JavaScript和XML)和JavaScript技术来实现在客户端动态调用服务器端函数的解决方案。在Web应用开发中,...

    jstree ajax application

    在 jstree 中结合 AJAX 技术,可以实现树节点数据的动态加载。这意味着当用户首次访问页面时,可能只加载一部分数据,而其余的数据则在用户滚动或点击某个节点时按需加载。这种做法不仅可以减少初始加载时间,还可以...

    javascript 脚本集合

    JavaScript脚本集合通常包括各种常用的、实用的代码片段,帮助开发者快速实现特定功能,提高开发效率。以下是一些JavaScript脚本集合中的核心知识点: 1. **基础语法**:JavaScript的基础包括变量声明(var, let, ...

    网页常用javascript脚本

    在这个名为“网页常用jsp脚本”的压缩包中,包含了二百多个常用的JSP脚本代码片段,这些都是为了提高网页开发效率和性能而设计的。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种解释型、轻量级、面向...

    实用js页面脚本

    总之,这个压缩包提供了一些实用的JavaScript脚本实例,对于学习和提升网页开发技能非常有帮助。通过研究这些代码,你可以掌握如何利用JavaScript增强网页的用户体验,实现丰富的动态效果和强大的交互功能。

    个人JavaScript脚本收藏

    这个"个人JavaScript脚本收藏"压缩包文件显然包含了作者收集的各种JavaScript代码片段和特效,旨在帮助开发者快速实现特定的功能或者提升网页的用户体验。 1. **基础概念**:JavaScript基于ECMAScript规范,它主要...

    征服Ajax-javascript部分 ajax javascript课件

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这一技术的核心在于JavaScript,它允许...

    纯js脚本3D玫瑰

    总的来说,"纯js脚本3D玫瑰"是一个集JavaScript编程、WebGL技术、3D建模和交互设计于一体的项目,它展示了JavaScript在Web开发中的强大能力,尤其是对于创造动态、沉浸式用户体验的潜力。通过学习和理解这个项目,...

    js经典脚本

    JavaScript,简称JS,是一种广泛...以上是对"js经典脚本"主题的概述,实际的压缩包文件“脚本收藏”可能包含了各种具体的应用示例和代码片段,通过学习和研究这些脚本,可以加深对JavaScript的理解,提升实际开发技能。

    蓝凌系统表单JS大全(持续更新)

    JavaScript(简称JS)是一种广泛应用于客户端Web开发的脚本语言,它可以直接嵌入HTML中,用于处理用户交互、动态内容和与服务器进行异步通信。在蓝凌系统的表单中,JS起到了关键作用,可以实现表单验证、数据处理、...

    最简单的 ajax

    1. **JavaScript**:客户端的脚本语言,用于创建和执行 Ajax 请求。在JavaScript中,XMLHttpRequest对象是实现Ajax的核心,它允许我们向服务器发送HTTP请求,并处理返回的数据。 2. **创建 XMLHttpRequest 对象**:...

    简单ajax与php结合

    PHP(Hypertext Preprocessor)是一种广泛使用的开放源代码的脚本语言,尤其适用于Web开发,可以嵌入到HTML中去。 在这个"简单Ajax与PHP结合"的教程中,初学者将了解到如何利用Ajax和PHP协同工作,以实现动态网页...

    ecshop中ajax操作原理

    2. **JavaScript脚本**:定义具体的Ajax请求逻辑,包括数据打包和发送方式。 3. **服务器端处理**:处理Ajax请求,执行相应的业务逻辑,并返回响应数据。 4. **响应处理**:解析服务器返回的数据,并根据需要更新...

    js脚本大集合(JavaScript)

    这个“js脚本大集合”显然是一份包含多种JavaScript特效和功能实现的资源包,适合初学者学习和开发者参考。 1. **基础概念**: - JavaScript主要由ECMAScript规范定义,是网景公司的Brendan Eich在1995年发明的。 ...

    php无刷新简便超实用的ajax类附带实例

    通过一个简洁易用的Ajax类,开发者可以方便地在前端HTML表单中触发Ajax请求,并在后端PHP脚本处理请求后,使用JavaScript更新页面内容,提高用户体验,避免了传统页面刷新带来的延迟感和打断感。在实际应用中,这种...

    CakePHP使用ajax传值

    服务器端的CakePHP控制器将接收这些数据并进行相应的处理,最终可能返回JSON格式的数据或直接返回HTML片段,由前端JavaScript解析后更新到页面上的指定位置。 通过以上知识点的掌握,开发者可以有效地在CakePHP框架...

Global site tag (gtag.js) - Google Analytics