php - wp_enqueue_script 和 wp_localize_script 之间的区别需要 Wordpress 中的一个基本示例

Question

我需要一个关于 wp_enqueue_script 和 wp_localize_script 的清晰解释

    wp_enqueue_script( 'custome.js',PLUGIN_URL.'/js/custome.js');
     wp_localize_script( 'ajax-script', 'my_ajax_object',
     array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );

Answer 1

wp_enqueue_script 会将 Javascript 文件包含到您的页面或应用程序中。在 Javascript 文件中，您可能需要访问几个 PHP 变量或从您的 WordPress 页面设置的几个值。例如，当在 WordPress 中调用 AJAX 时，它基本上调用单个 URL，即“/wp-admin/admin-ajax.php”，因此您可以通过硬编码从 js 文件访问此 URL，例如:

var ajax_url="<site url>/wp-admin/admin-ajax.php"; 

因此，如果您将代码移动到不同的域，则需要更改 ajavscript 中的代码，这通常会被遗忘。解决方案是使此 URL 动态化，以便它对任何 URL 做出相同的 react 。代码:

wp_localize_script( 'ajax-script', 'my_ajax_object',array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );

实际上是使用名为“ajax_url”的变量和名为“my_ajax_object”的对象发送 AJAX URL。所以你可以访问 javascript 文件中的 AJAX URL。喜欢:

var ajax_url=my_ajax_object.ajax_url;

现在，如果您需要发送更多值，您可以使用相同的方式:

 wp_localize_script( 'ajax-script', 'my_ajax_object',array( 'ajax_url' => admin_url( 'admin-ajax.php' ),'your_name'=>'Tristup' ) );

在 Javascript 文件中:

console.log(my_ajax_object.your_name);

希望对您理解本地化脚本有帮助，如有疑问请回复。