WordPress/PHP 获取所有导航链接

Question

我正在开发一个小插件，我想知道如何在主导航中获取所有链接？想知道是否有可能在不知道特定主题中菜单的名称或标签的情况下。

下面我试图获取所有菜单链接并在脚本标签中返回它们，但效果不太好。它最终返回了一堆元数据，并在一个站点上完全破坏了该站点。

目前，脚本标签仅用于测试目的，稍后我将在无序列表中使用导航链接。

function get_nav_menu_items_by_location( $location, $args = [] ) {
    ?>
<script type = "application/ld+json" alt="hejtest" >
<?
    // Get all locations
    $locations = get_nav_menu_locations();
 
    // Get object id by location
    $object = wp_get_nav_menu_object( $locations[$location] );
 
    // Get menu items by menu name
    $menu_items = wp_get_nav_menu_items( $object->name, $args );
    
   // Return menu post objects
    return $menu_items;
?>
</script>
<?
    }
    add_action('wp_head', 'get_nav_menu_items_by_location');
    ```

Answer 1

您不能将数据从 PHP 中“返回”到 JS。 return 关键字告诉 PHP 您已经完成了 get_nav_menu_items_by_location 函数，并将该值赋予 调用 PHP 代码。

要运行 JavaScript，您需要输出一些代码，然后浏览器将在收到 HTML 时 执行。

如果你想输出一些数据让 JS 容易阅读，你可以滥用 JSON 格式是有效的 JS 代码这一事实，写echo json_encode($menu_items);。您还需要输出代码以将其分配给变量，或将其传递给函数。

如果您编写的函数预计返回一些 HTML，那么您不想使用echo，也不想使用?>。相反，您想构建一个包含 HTML 的 PHP 字符串并返回它。

所以你可能会得到这样的结果：

function get_nav_menu_items_by_location( $location, $args = [] ) {
    $html = '<script type="application/ld+json" alt="hejtest">';

    // Get all locations
    $locations = get_nav_menu_locations();
 
    // Get object id by location
    $object = wp_get_nav_menu_object( $locations[$location] );
 
    // Get menu items by menu name
    $menu_items = wp_get_nav_menu_items( $object->name, $args );
    
    $html .= "var my_menu_items = " . json_encode($menu_items) . ";";

    $html .= "</script>";

    return $html;
}
add_action('wp_head', 'get_nav_menu_items_by_location');