Transmite variabile PHP către JavaScript

Question

Transmite variabile PHP către JavaScript

19 apr. 2013, 01:02:53

Vizualizări: 21.5K

Voturi: 17

Există vreo posibilitate de a transmite unele variabile PHP în JavaScript pentru a le putea folosi mai târziu?

Doar în single.php.
Am auzit despre wp_enqueue_scripts dar cu acesta este necesar să declari o cale către un fișier JS, însă nu am nevoie de unul.

Sebastian Corneliu Vîrlan

293

pluginuri dezvoltare de plugin pagini jquery șabloane

Comentarii

Ce înțelegi prin mai târziu și unde vrei să folosești variabilele (în raport cu locul unde sunt variabilele PHP)? Desigur, poți afișa/imprima cod JavaScript prin PHP, și astfel insera valori din variabile PHP. Dar nu cred că asta vrei...

tfrommen

19 apr. 2013 01:17:47

Am creat o nouă tabelă în baza de date cu niște response.id`s din API-ul Facebook. Aceasta este tabela: action_id, user_id, post_id, fb_id unde fb_id este response.id dintr-o acțiune Facebook. Apoi în single.php am un buton care, atunci când este apăsat, trebuie să șterg acțiunea fb cu API-ul: FB.api('/'+fb.response, 'delete'); unde fb.response ar trebui să fie fb_id din tabelă.

Sebastian Corneliu Vîrlan

19 apr. 2013 01:23:40

Toate răspunsurile la întrebare

Comentarii

Sunt puțin începător în acest domeniu, așa că încerc să implementez acest lucru în WordPress-ul meu: http://papermashup.com/jquery-iphone-style-ajax-switch/. După cum puteți vedea, există un fișier js și câteva rânduri de cod js de introdus în fișierul de utilizare. Sau pot pune acele câteva rânduri de cod într-un alt fișier?

Sebastian Corneliu Vîrlan

19 apr. 2013 01:30:48

Deci pentru orice acțiune mică în javascript ar trebui să creez un fișier? Dacă ești disponibil, poți să mă adaugi pe Skype: sebyku17?

Sebastian Corneliu Vîrlan

19 apr. 2013 01:40:58

Asta depinde de ce vrei să faci, unde vrei să faci asta și așa mai departe. În general: Nu, nu trebuie să folosești un fișier JS extern. Dar dacă alegi să faci asta, poți pune orice într-un singur fișier. Nu este nevoie de mai multe fișiere dacă ai mai multe funcții, dacă la asta te refereai. Totuși, deja ai acceptat acest răspuns (în opinia mea destul de complex și în cazul tău puțin exagerat) - fără să-l înțelegi pe deplin, după cum înțeleg. Fără supărare, @Johannes. ;)

tfrommen

19 apr. 2013 01:45:33

Ei bine, până la urmă se rezumă la preferințe personale, presupun. Dar un lucru e sigur: cu cât baza ta de cod devine mai mare, cu atât va fi mai greu de citit mai târziu, și cu atât mai important este să o ții curată. Eu, unul, nu-mi place să am cod de server și de client în același fișier - cu excepții, evident. Un simplu onclick pe o singură linie poate fi lăsat inline, dar renunți și la puterea wp_localize_script.

Johannes Pille

19 apr. 2013 01:46:08

Aceasta este pagina mea: http://funny-videoro.com/the-dark-knight-rises-trailer-oficial/, după ce apeși pe player și te autentifici, în partea de jos a playerului este un buton, când apeși pentru a-l opri ar trebui să șteargă postarea de pe Facebook. Voi încerca să creez un fișier js pentru toate funcțiile. Sper să funcționeze.

Sebastian Corneliu Vîrlan

19 apr. 2013 01:49:13

Arată celelalte 9 comentarii

https://developer.wordpress.org/reference/functions/wp_add_inline_script/ ar trebui să fie opțiunea preferată în zilele noastre

EDIT: Din documentația de mai sus:

function mytheme_enqueue_typekit() {
   wp_enqueue_script( 'mytheme-typekit', 'https://use.typekit.net/.js', array(), '1.0' );
   wp_add_inline_script( 'mytheme-typekit', 'try{Typekit.load({ async: true });}catch(e){}' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_typekit' );

Deci mai întâi încarci scriptul cu wp_enqueue_script, și apoi transmiți variabilele

Totuși acest cod generează pur și simplu următoarele

<script type="text/javascript" src="https://use.typekit.net/.js?ver=1.0"></script>
<script type="text/javascript"> try{Typekit.load({ async: true });}catch(e){} </script>

În cazul meu, expun direct datele de care am nevoie scriind codul JavaScript (în template) și folosind o variabilă globală JS cu un nume specific (nu am găsit o metodă mai bună) (folosind Timber, PHP pur ar fi echivalent)

<script>
    my_global_variable.data1 = {{ custom_timber_function()|json_encode }}
</script>

$twig->addFunction(new Timber\Twig_Function('custom_timber_function', function () {
    return [
      'theme' => get_stylesheet_directory_uri(),
    ];
}));

GWorking

165

20 iul. 2020 18:46:11

Comentarii

Sunt de acord cu evaluarea ta, dar răspunsurile ar trebui să fie autosuficiente și nu doar un link. Poți, te rog, să adaugi un exemplu și o explicație?

Nicolai Grossherr

20 iul. 2020 19:12:21

absolut corect

GWorking

20 iul. 2020 19:57:14

După ce am citit comentariul tău, înțeleg că ai dori să faci ceva de genul:

// Faci ceva pentru a obține ID-ul
$facebook_id = ...

// Creezi și afișezi butonul
echo '<input onclick="FB.api(\'/\'+'.$facebook_id.', \'delete\')" />';

tfrommen

9.23K

19 apr. 2013 01:29:52

Comentarii

Nu, aceasta este pagina pe care lucrez: http://funny-videoro.com/the-dark-knight-rises-trailer-oficial/ . Dacă dorești, te poți autentifica pe website. Apoi vei vedea un buton în stil jQuery iOS. Când glisez pentru a-l dezactiva, trebuie să șterg prin API-ul FB un post. ID-ul postului se află în baza de date.

Sebastian Corneliu Vîrlan

19 apr. 2013 01:35:19

Păi, asta este în esență ceea ce am scris în răspunsul meu. Preluați ID-ul din baza de date și stocați-l într-o variabilă. Apoi afișați-l direct în apelul funcției JavaScript pe o singură linie. <input ... /> și funcția sa au fost doar în scop demonstrativ. Din câte am înțeles, tot ce ai nevoie este deja spus. Dacă nu, te rog să încerci să explici mai multe, dar în întrebarea ta, nu în comentarii.

tfrommen

19 apr. 2013 01:39:10

Nu vreau să folosesc cod PHP și JS pe aceeași linie, în WordPress există unele funcții automate...

Sebastian Corneliu Vîrlan

19 apr. 2013 02:24:58

Johannes Pille 11.1K · Accepted Answer · 2013-04-19T01:21:13Z

Metodă recomandată

Aruncați o privire la wp_localize_script, care este conceput exact pentru acest scop.

Dar necesită utilizarea anterioară a wp_enqueue_scripts, așadar va trebui să mutați JS-ul într-un fișier separat.
Cu siguranță, acele câteva minute de efort vor merita.

function wpse_96370_scripts()
{
    if ( is_single() ) {

        wp_register_script(
           'your_script_handle',
           get_template_directory_uri() . '/js/your-script.js',
           array( /* dependințe */ ),
           1.0,
           true
       );

       wp_enqueue_script( 'your-script-handle' );

       $script_params = array(
           /* exemple */
           'post' => 99,
           'users' => array( 1, 20, 2049 )
       );

       wp_localize_script( 'your-script-handle', 'scriptParams', $script_params );

    }
}
add_action( 'wp_enqueue_scripts', 'wpse_96370_scripts' );

În JS veți putea folosi parametrii transmiși astfel:

var posts = scriptParams.post,
    secondUser = scriptParams.users[1]; /* indexarea începe de la 0 */

// iterare prin utilizatori
for ( var i = 0; i < scriptParams.users.length; i++ ) {
    alert( scriptParams.users[i] );
}

[Edit] Situația ta

Conform comentariului tău

Am creat o nouă tabelă în baza de date cu niște response.id-uri din api-ul facebook. Aceasta este tabela: action_id, user_id, post_id, fb_id unde fb_id este response.id dintr-o acțiune facebook. Apoi în single.php am un buton care la apăsare trebuie să șteargă acțiunea fb cu api-ul: FB.api('/'+fb.response, 'delete'); unde fb.response ar trebui să fie fb_id din tabel.

Puneți următoarele în directorul /js/ al temei, creați-l dacă nu există.
Să numim fișierul fb-response.js:

jQuery( '#button_id' ).click( function() {
    FB.api( '/' + fbParams.id, 'delete' );
});

Apoi înregistrați, adăugați în coadă și localizați așa cum se vede mai sus. Presupunând că aveți ID-ul pe care doriți să-l transmiteți în, să zicem, $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 ) );

Notă: Evident, cele de mai sus presupun că vorbim despre o temă. Dacă e vorba de un "plugin", ajustați locațiile în consecință.