通过 id drupal 8 加载节点 - Javascript (1)

📌 相关文章

📜 通过 id drupal 8 加载节点 - Javascript (1)

📅 最后修改于: 2023-12-03 14:58:02.450000 🧑 作者: Mango

通过 id 在 Drupal 8 中加载节点 - JavaScript

在 Drupal 8 中，我们可以使用 JavaScript 来通过节点的 ID 加载节点。这对于在主题或自定义模块中进行页面定制非常方便。以下是一个简单的示例，演示了如何使用 JavaScript 通过节点的 ID 加载节点。

首先，在你的 Drupal 8 主题或自定义模块中创建一个新的 JavaScript 文件，例如 custom.js。

在 custom.js 文件中，使用 jQuery 或原生 JavaScript 来实现通过节点 ID 加载节点的功能。

// 使用 jQuery 方式:
(function ($) {
  Drupal.behaviors.customBehaviour = {
    attach: function (context, settings) {
      var nodeId = 123; // 节点的 ID
      var url = Drupal.url('node/' + nodeId + '/ajax');
      $.get(url, function (data) {
        // 处理加载的节点数据
        // ...
      });
    }
  };
})(jQuery);

// 或者，使用原生 JavaScript 方式:
(function (Drupal) {
  Drupal.behaviors.customBehaviour = {
    attach: function (context, settings) {
      var nodeId = 123; // 节点的 ID
      var url = Drupal.url('node/' + nodeId + '/ajax');
      var request = new XMLHttpRequest();
      request.open('GET', url, true);
      request.onreadystatechange = function () {
        if (request.readyState === XMLHttpRequest.DONE && request.status === 200) {
          var data = JSON.parse(request.responseText);
          // 处理加载的节点数据
          // ...
        }
      };
      request.send();
    }
  };
})(Drupal);

接下来，将刚刚创建的 JavaScript 文件添加到主题或模块的 *.libraries.yml 文件中。
```
custom-scripts:
  version: 1.x
  js:
    js/custom.js: { preprocess: true }
```

最后，在你的主题或模板文件中添加以下代码，将 JavaScript 库添加到主题或模块。

<?php
/**
 * @file
 * 主题或模板文件
 */
?>
<!DOCTYPE html>
<html>
<head>
  <title>通过 ID 加载节点</title>
  <?php
    // 添加 JavaScript 库到页面
    $build = [
      '#attached' => [
        'library' => 'theme_name/custom-scripts',
      ],
    ];
    print \Drupal::service('renderer')->renderRoot($build);
  ?>
</head>
<body>
  <!-- 页面内容 -->
</body>
</html>

运行以上代码后，JavaScript 会通过节点的 ID 加载节点，并返回相应的数据。你可以根据需要对加载的节点数据进行处理，并在页面中显示。请确保 node_id 变量的值是有效的节点 ID。

希望这个介绍对你有帮助! 如果你有任何其它问题，请随时提问。