WP中在JS中获取文章PHP数据的另一种方法

要确保逻辑之间的顺序和js文件的加载权重

Whether your current way is “better” depends on your goals, but in most professional WordPress development, wp_localize_script() (or the newer wp_add_inline_script()) is considered the superior and “correct” way.

Here’s a comparison to help you decide:

1. Why wp_localize_script() is Usually Better

• Proper Enqueueing Order: WordPress ensures the data is output immediately before your specific script file. With your current manual method, if someone moves the gallery.js file to the <head>, or if the script loads before that part of the HTML is reached, it might fail.
• Cleaner Templates: Your gallery.php template stays focused on HTML/PHP. You don’t have “naked” <script> tags mixed into your markup, which can get messy as projects grow.
• Security: wp_localize_script() handles some basic data escaping and ensures the JSON is correctly formatted for the page.
• Caching Friendly: Some advanced caching or “minification” plugins might strip out or move manual <script> tags, but they usually respect scripts added via the official WordPress API.

2. When Your Current Way is “Fine”

• Quick Debugging/Prototyping: It’s very fast to set up and requires no changes to functions.php.
• Template-Specific Data: Since this data is only needed for the gallery.php page, putting it directly in the template makes it very obvious where that data is coming from.

---

How to switch to the “Better” Way

If you wanted to do this the “WordPress way,” you would move the logic to your functions.php (or wherever you enqueue scripts) like this:

In functions.php (or where you call wp_enqueue_script):

php// After enqueuing your gallery scriptwp_enqueue_script('gallery-js', get_template_directory_uri() . '/assets/js/gallery.js', array(), '1.0', true);// "Localize" the data to that specific script handlewp_localize_script('gallery-js', 'wpGalleryData', $all_gallery_items);

Wait, what about the query? There is one catch: Since your data depends on a WP_Query that happens inside 

gallery.php, you would either have to:

1. Run the query in functions.php (but only if it’s the gallery page).
2. Or use wp_add_inline_script() right inside gallery.php.

Recommendation: The “Hybrid” Pro Way

If you want to keep the query inside 

gallery.php but use a cleaner method, you can use wp_add_inline_script() in your template:

In 

gallery.php instead of the <script> tag:

php<?php$data_json = json_encode($all_gallery_items);// This attaches the data directly to the 'gallery-js' script handlewp_add_inline_script('gallery-js', "var wpGalleryData = $data_json;", 'before');?>

Verdict: Your current way works perfectly for a custom theme, but if you were building a plugin or a professional theme for others, wp_localize_script() is the industry standard. For your current project, if it’s working well, there’s no urgent need to change it!