问题描述
有没有可能在 JavaScript 中传递一些 PHP 变量,以便稍后使用它们?
只有在 single.php
。我听说过 wp_enqueue_scripts
,但是它是必须要声明一个 JS 文件的路径,但我不需要一个。
最佳解决方案
最佳做法
看看 wp_localize_script
,这是为了做到这一点。
但是它需要先前使用 wp_enqueue_scripts
,因此您需要将 JS 移动到单独的文件。当然,这将是值得的几分钟的努力。
function wpse_96370_scripts()
{
if ( is_single() ) {
wp_register_script(
'your_script_handle',
get_template_directory_uri() . '/js/your-script.js',
array( /* dependencies*/ ),
1.0,
true
);
wp_enqueue_script( 'your-script-handle' );
$script_params = array(
/* examples */
'post' => 99,
'users' => array( 1, 20, 2049 )
);
wp_localize_script( 'your-script-handle', 'scriptParams', $script_params );
}
}
add_action( 'wp_enqueue_scripts', 'wpse_96370_scripts' );
在 JS 中,您将可以使用传递的参数,如下所示:
var posts = scriptParams.post,
secondUser = scriptParams.users[1]; /* index starts at 0 */
// iterate over users
for ( var i = 0; i < scriptParams.users.length; i++ ) {
alert( scriptParams.users[i] );
}
[编辑] 你的情况
根据你的评论
I created a new db table with some
response.id
s from facebook api. This is the table: action_id, user_id,post_id, fb_id where fb_id is response.id from a facebook action. Then in single.php I have a button where if I press I must delete the fb action with api:FB.api('/'+fb.response, 'delete');
wherefb.response
should befb_id
from table.
将以下主题的/js/
文件夹,创建它,如果它不存在。我们来调用文件 fb-response.js
:
jQuery( '#button_id' ).click( function() {
FB.api( '/' + fbParams.id, 'delete' );
});
然后注册,排队和本地化,如上所示。假设你有你要传递的 ID,让我们说 $fb_id
:
wp_register_script(
'fb-response',
get_template_directory_uri() . '/js/fb-response.js',
array( 'jquery' ),
1.0,
true
);
wp_enqueue_script( 'fb-response' );
wp_localize_script( 'fb-response', 'fbParams', array( 'id' => $fb_id ) );
注:显然,上面假设这是一个主题。如果我们在说”plugin”,请相应地改变位置。
参考文献
注:本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意,可以加入我们改善翻译效果:薇晓朵技术论坛。