Use the_field in a JavaScript file

• RobWVisix

• November 10, 2017 at 10:30 pm

Hi,

I’m enqueue’ing scripts based on WordPress page template, and I need those scripts to be able to echo out ACF values. For example, my script files dynamically build up HTML which includes custom fields e.g.:

innerHTML = <img src="<?php echo the_field('ad_banner'); ?>"

Is it possible to echo these fields in a .js file, to build up those HTML strings?

Thanks very much,
Rob

EDIT – I’ve now managed to resolve this.
In case anyone else comes up against the same issue, the answer was to use wp_localize_script like this:

wp_localize_script('pagination-retailers', 'script_vars', array(
        'banner' => get_field("ad_banner"),
	'banner_link' => get_field("banner_link")
        )
    );

Then call it in JS like this:
script_vars.banner
etc.