javascript - Javascript的动态加载

标签 javascript ajax jquery unobtrusive-javascript

我目前正在使用 JQuery 构建一个 Ajax Web 应用程序,该应用程序允许用户在同一区域多次打开同一页面。尽管允许这样做,但它往往会导致 DOM 和“唯一 ID”的冲突。

因此,我创建了一个系统,如果您喜欢在发送之前在 PHP 中使用唯一的 id,则 JavaScript 会在其中进行预编程。然后将其作为 .php 文件发送给用户。

代码与此类似: 用户希望加载 content_area 中的页面,该内容区域向服务器发送 AJAX 请求,其中包含该 content_area 的 ID,该 ID 成为唯一 ID。服务器发回一个类似“myscript.php”的页面,其中包含以下内容:

    <script>
$(function() {
    var unique_id="<?php echo $unique_id; ?>"

    var new_div=$("<div id='content" + unique_id + "'>");
    });
    </script>

我想知道这是一个坏主意吗?还有其他选择吗?

最佳答案

您可以预渲染网站的整个(大)部分,然后使用一些 JS 映射器/加载器动态加载脚本并执行自定义代码。

您可以创建 jQuery 插件来处理功能的不同部分并在需要时加载它们。 关于 JS Loaders,有一个完整的部分位于 jster.net对于路由,您可以使用类似 Davis Mapper 的内容。

最好尽可能使 JS 资源静态,并通过对服务器端的 AJAX 调用来处理动态内容。希望这有帮助。 :)

关于javascript - Javascript的动态加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13870684/

相关文章:

javascript - 您可以滚动到相对定位的元素的 html 中的 anchor 吗?

javascript - "Function factory"似乎不起作用,JavaScript

javascript - 加载刷新页面后执行 Javascript 代码

jquery - 使用 AJAX 将 sessionStorage 对象 POST 到 Flask

jQuery 无法选择 AJAX 元素

javascript - 使用 JavaScript 进行 keydown

javascript - 如何使用 React Native 中的函数渲染组件

javascript - Promise-mysql 返回 promise

javascript - 如何更改 .done(function(data) 下的响应?

php - phonegap 构建 + ajax 调用不适用于 android