How to pass user ID in Javascript function in wordpress?

Question

I'm trying to get the current users ID and pass it as a variable into a javascript function (see "USER_ID_GOES_HERE"). Whats the best practice for doing so?

here is my function:

function hide_loading() {
Wild.onChartsReady(function() {
  var series = new Wild.Series("Viewed Post", {
    analysisType: "count",
    timeframe: "this_week",
    interval: "daily",
    groupBy: "title",
    filters: [{"property_name":"author","operator":"eq","property_value":'USER_ID_GOES_HERE'}]
  });
  series.draw(document.getElementById("mine"), { lineWidth: 2 });
});
}

yeah isnt it this: <?php $user_ID = get_current_user_id(); ?> ... im just not sure how to incorporate that into the JS function. @AliGajani — js111
– js111, Commented Apr 30, 2014 at 23:24

NotoriousWebmaster · Accepted Answer · 2015-12-15 19:13:19Z

3

Put this in a PHP file, such as your theme's functions.php. I prefer to put it in a custom plugin.

function headcheese() { ?>
    <script type=”text/JavaScript”>
        var current_user_id = '<?php echo get_current_user_id(); ?>';
    </script>
<?php
}
add_action('wp_head', 'headcheese');

This puts the current user ID in a JavaScript global variable. So you can then use it in your filters array.

answered Dec 15, 2015 at 19:13

NotoriousWebmaster

3,5988 gold badges40 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Technolo Jesus Over a year ago

"text/javaScript" not ` ”text/JavaScript”`

Technolo Jesus Over a year ago

also for anyone using this method make sure to defer ur script as ur code might execute before the above var is defined.

Victory · Accepted Answer · 2014-04-30 23:18:22Z

2

Change this line:

filters: [{"property_name":"author","operator":"eq","property_value":'USER_ID_GOES_HERE'}]

to

filters: [{"property_name":"author","operator":"eq","property_value":<?=get_current_user_id() ?>}]

Note: that this isn't secure for some applications, double check the user id server side.

answered Apr 30, 2014 at 23:18

Victory

5,9113 gold badges28 silver badges47 bronze badges

1 Comment

NotoriousWebmaster Over a year ago

Yeah, this assumes the JS file is either generated by a PHP script, or lives inside a PHP file. If your JS is in a separate .js file, this definitely will not work.

Community · Accepted Answer · 2017-04-13 12:37:31Z

1

You probably want to use wp_localize_script. Here is a good explanation of it: https://wordpress.stackexchange.com/questions/96370/pass-php-variable-to-javascript

I don't want to reiterate everything in that post. Essentially, you will be passing php variables to the javascript via that function. The variables can then be retrieved from a parameters object within the javascript.

edited Apr 13, 2017 at 12:37

CommunityBot

11 silver badge

answered Sep 16, 2014 at 8:04

melchoir55

7,3768 gold badges69 silver badges112 bronze badges

Collectives™ on Stack Overflow

How to pass user ID in Javascript function in wordpress?

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related