Datenbankeintrag in .js Datei laden?

Hallo,

ich hoffe das ich mit meinem Anliegen hier richtig bin.

Ich habe begonnen, ein WordPress-Plugin zu erstellen, mit dem ich Shortcodes erstellen möchte. Ich habe eine .js-Datei (jQuery), die Inhalte einer ID zuordnet.

Nun zum Problem: Ich habe ein Admin-Menü erstellt, mit dem man einen Datenbankeintrag erstellen können. Das funktioniert auch sehr gut, allerdings brauche ich genau diesen Datenbankeintrag in der .js-Datei und weiß nicht, wie ich ihn dort laden soll.

Die .php-Datei

// Database entry
update_option('api_name_plugin', 'Test');

// Load .js-file
function api_js() {
  $file = plugins_url( '/js/plugin.js' , __FILE__ );
  wp_enqueue_script( 'js_id', $file, array( 'jquery' ), 'version', true );
}
add_action( 'wp_enqueue_scripts', 'api_js', PHP_INT_MAX );

// Create shortcode [name]
add_shortcode( 'name', 'api_name' );
function api_name_init(){
    function api_name() {       
    return "<span id='name' title='Name'>Loading</span>";
    }
}
add_action('init', 'api_name_init');

Die .js-Datei:

jQuery(document).ready(function($) {
    var name = "HIER DER DATENBANK_EINTRAG";
    $(document).ready(function() {
        function update_data() {
            $.getJSON("https://example.com/serach/" + name + ".json", function(info) {
                document.getElementById('name').innerHTML = info.name;
            });
        }
    update_data();
    setInterval(update_data, 30000);
    });
});

Wie bekomme ich den Datenbankeintrag in die .js-Datei, um dort damit arbeiten zu können?

Ich bedanke mich bereits jetzt für die Hilfe und hoffe, alles Wichtige genannt zu haben.

Mit freundlichen Grüßen
Bennddy