>將PHP數據傳遞給JavaScript的最佳實踐：wp_localize_script>和wp_add_inline_script>
>將數據存儲在PHP文件中的靜態(tài)字符串中是建議的練習。 如果在您的JavaScript代碼中需要此數據，請使用wp_localize_script或wp_add_inline_script>直接將其合併到您的HTML中。
使用wp_enqueue_scripts涉及的傳統(tǒng)方法。讓我們檢查其繼任者wp_localize_script，以及更新的，首選的方法，wp_add_inline_script>
函數wp_localize_script
wp_localize_script( $handle, $objectName, $arrayOfValues );
- ：JavaScript文件的註冊句柄（例如'my_js_library'）。
$handle - ：將包含您數據的JavaScript對象的名稱。
> $objectName：一個持有數據傳遞的關聯數組。 - >
$arrayOfValues
>
functions.php
在您的JavaScript（
wp_enqueue_script( 'my_js_library', get_template_directory_uri() . '/js/myLibrary.js' );
$dataToBePassed = array(
'home' => get_stylesheet_directory_uri(),
'pleaseWaitLabel' => __( 'Please wait...', 'default' )
);
wp_localize_script( 'my_js_library', 'php_vars', $dataToBePassed );訪問這樣的數據：。 此方法消除了myLibrary.js> php_vars.home中的代碼的需求
php_vars.pleaseWaitLabelheader.php
wp_add_inline_script這個較新的功能提供了一種簡化的方法。它的語法為：
wp_add_inline_script( $handle, $data, $position = 'after' );：JavaScript文件的註冊句柄。
- ：一個包含要添加的JavaScript代碼的字符串。 這應該包括您要通過的數據。
$handle> - ：指定在哪裡添加inline腳本（'之前'或'之後'腳本）。
$data> -
$position中的示例： >
>您的JavaScript可以通過functions.php>和
wp_enqueue_script( 'my_js_library', get_template_directory_uri() . '/js/myLibrary.js' );
$dataToBePassed = array(
'home' => get_stylesheet_directory_uri(),
'pleaseWaitLabel' => __( 'Please wait...', 'default' )
);
wp_add_inline_script( 'my_js_library', 'const php_vars = ' . json_encode( $dataToBePassed ), 'before' );清潔器。 >
php_vars.homephp_vars.pleaseWaitLabel結論header.php
>通常是其簡單性和效率的首選。但是，仍然是一個有效的選擇，特別是如果您更喜歡一種更結構化的方法來管理數據。 選擇最適合您的編碼樣式和項目需求的方法。 這種提高的清晰度和效率使這些功能為任何WordPress開發(fā)人員提供了寶貴的工具。
以上是如何將PHP數據和字符串傳遞給WordPress中的JavaScript的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何將git與WordPress一起使用
Jun 26, 2025 am 12:23 AM
使用Git管理WordPress項目時，應只將主題、自定義插件和配置文件納入版本控制；設置.gitignore文件以忽略上傳目錄、緩存和敏感配置；利用webhook或CI工具實現自動部署並註意數據庫處理；採用兩分支策略（main/develop）進行協(xié)作開發(fā)。這樣做可避免衝突、保障安全，並提升協(xié)作與部署效率。
如何創(chuàng)建一個簡單的Gutenberg塊
Jun 28, 2025 am 12:13 AM
創(chuàng)建Gutenberg塊的關鍵在於理解其基本結構並正確連接前後端資源。 1.準備開發(fā)環(huán)境：安裝本地WordPress、Node.js和@wordpress/scripts；2.使用PHP註冊塊並用JavaScript定義塊的編輯和顯示邏輯；3.通過npm構建JS文件以使更改生效；4.遇到問題時檢查路徑、圖標是否正確或使用實時監(jiān)聽構建避免重複手動編譯。按照這些步驟，可以逐步實現一個簡單的Gutenberg塊。
如何使用WordPress測試環(huán)境
Jun 24, 2025 pm 05:13 PM
使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性，避免影響真實網站。搭建測試環(huán)境的步驟包括：下載安裝本地服務器軟件（如LocalWP、XAMPP），創(chuàng)建站點、設置數據庫和管理員賬號，安裝主題和插件進行測試；複製正式網站到測試環(huán)境的方法是通過插件導出站點、導入測試環(huán)境並替換域名；使用時應注意不使用真實用戶數據、定期清理無用數據、備份測試狀態(tài)、適時重置環(huán)境，並統(tǒng)一團隊配置以減少差異問題。
如何以編程方式刷新規(guī)則
Jun 27, 2025 am 12:21 AM
在WordPress中，當新增自定義文章類型或修改固定鏈接結構後，需手動刷新重寫規(guī)則，此時可通過代碼調用flush_rewrite_rules()函數實現。 1.可在主題或插件激活鉤子中添加該函數以自動刷新；2.僅在必要時執(zhí)行一次，如添加CPT、分類法或修改鏈接結構後；3.避免頻繁調用以免影響性能；4.多站點環(huán)境下需視情況為每個站點單獨刷新；5.某些託管環(huán)境可能限制規(guī)則保存。此外，訪問“設置>固定鏈接”頁麵點擊保存也可觸髮刷新，適合非自動化場景。
如何在WordPress htaccess中設置重定向
Jun 25, 2025 am 12:19 AM
tosetupredirectsinwordpressingthe.htaccessfile，locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe＃beginWordPresssection.forbasic301redirects，USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS：
如何使用SMTP從WordPress發(fā)送電子郵件
Jun 27, 2025 am 12:30 AM
UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail（）函數.1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail（）
如何使WordPress主題響應迅速
Jun 28, 2025 am 12:14 AM
要實現響應式WordPress主題設計，首先要使用HTML5和移動優(yōu)先的Meta標籤，在header.php中添加viewport設置以確保移動端正確顯示，並用HTML5結構標籤組織佈局；其次，利用CSS媒體查詢實現不同屏幕寬度下的樣式適配，按移動優(yōu)先原則編寫樣式，常用斷點包括480px、768px和1024px；第三，彈性處理圖片和佈局，為圖片設置max-width:100%並使用Flexbox或Grid佈局替代固定寬度；最後，通過瀏覽器開發(fā)者工具和真實設備進行充分測試，優(yōu)化加載性能，確保響應
如何將第三方API與WordPress集成
Jun 29, 2025 am 12:03 AM
TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS，關注臺詞：1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB????eteBetB????eteBetB????etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
