PHP変数をjavascriptに渡す


13

後で使用できるように、いくつかのPHP変数をjavascriptで渡す可能性はありますか?

のみsingle.php
聞いたことwp_enqueue_scriptsがありますが、それではJSファイルへのパスを宣言する必要がありますが、それは必要ありません。


何をでmeandん後に、そしてどこで(PHP変数がどこにあるかに関して)変数を使用したいのですか?もちろん、PHP経由でJavaScriptコードをエコー/印刷して、PHP変数値を挿入できます。しかし、これはあなたが望むものではありません、私は推測する
...-tfrommen

facebook apiのresponse.idを使用して新しいdbテーブルを作成しました。これはテーブルです:action_id、user_id、post_id、fb_id fb_idはfacebookアクションからのresponse.idです。次に、single.phpにボタンがあります。このボタンを押すと、apiでfbアクションを削除する必要があります。FB.api( '/' + fb.response、 'delete'); ここで、fb.responseはテーブルのfb_idである必要があります。
セバスチャンコルネリューヴィルラン

回答:


18

ベストプラクティスの方法

をご覧ください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] );
}

[編集]あなたの状況

あなたのコメントによると

response.idfacebook apiのsを使用して新しいdbテーブルを作成しました。これはテーブルです:action_id、user_id、post_id、fb_id fb_idはfacebookアクションからのresponse.idです。次に、single.phpにボタンがあります。このボタンを押すと、apiを使用してfbアクションを削除する必要FB.api('/'+fb.response, 'delete');fb.responseあります:where fb_idfrom table from

次のテーマの/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 ) );

NB明らかに、上記はこれがテーマであると仮定しています。「プラグイン」の場合は、それに応じて場所を変更します。


私はこれに少し初心者なので、これを私のワードプレスに実装しようとしています:papermashup.com/jquery-iphone-style-ajax-switch。ご覧のように、jsファイルと、使用ファイルに入れるjsコードの数行があります。または、その数行のコードを別のファイルに配置できますか?
セバスチャンコルネリューヴィルラン

だから、小さなjavascriptアクションの場合、ファイルを作成する必要がありますか?利用可能な場合は、skype:sebyku17を追加できますか?
セバスチャンコルネリューヴィルラン

それはあなたが何をしたいか、どこでそれをしたいかなどに依存します。通常:いいえ、外部JSファイルを使用する必要はありません。ただし、必要に応じて、必要なものを1つのファイルに入れることができます。複数の機能がある場合、複数のファイルは必要ありません。しかし、あなたはすでにこの答えを受け入れました(私見では非常に複雑で、あなたの場合は少しやり過ぎです)-私が取るように、完全に理解することなく。攻撃はありません、@ Johannes。;)
tfrommen

1
取られていない、@ tf。これまでのところ、それはボーダーラインの過剰なものかもしれませんが、ある人にとってはコードが成長し、別の人にとっては最初の質問は複数形での「変数」について語っています。あなたの答えも同様に有効なので、私から+1。
ヨハネスポール

2
wp_localize_scriptは、PHP値をJavascriptファイルに渡すための非常に未使用で強力な関数です。Wordpressのこの強力な機能について実際に知っている人が少ないのは驚くべきことです。
ドウェインチャーリントン

1

あなたのコメントを読んで、私はあなたがこのようなことをしたいのを理解しています:

// Do something to get the ID
$facebook_id = ...

// Create and print the button
echo '<input onclick="FB.api('/'+'.$facebook_id.', 'delete')" />';

いいえ、これは私が働いているページです:funny-videoro.com/the-dark-knight-rises-trailer-oficial。必要に応じて、Webサイトにログインできます。次に、jquery iosスタイルボタンが表示されます。オフにスライドすると、fb apiで投稿を削除する必要があります。投稿IDはデータベースにあります。
セバスチャンコルネリューヴィルラン

まあ、それは基本的に私が私の答えで書いたものです。データベースからIDを取得し、変数に保存します。次に、1行のJavaScript関数呼び出しに直接印刷します。<input ... />そしてその機能のみの目的を実証するためでした。私があなたを理解している限り、あなたが必要とするものすべてが語られています。そうでない場合は、コメントではなく、質問でさらに説明してください。
-tfrommen

私はワードプレスにいくつかの自動機能であり、同じラインでのPHPとjsのコードを使用したくない...
セバスチャンCorneliuVîrlan
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.