You can do this with PHP indeed. The steps are as followed;
- Get the contents of the JSON file within a variable using
$json = file_get_contents('path-to-file.json') - Inside your
<script>tags parse the JSON contents within a Javascript variable like this;var jsonContent="<?= $json; ?>"; - Debug the contents in your Javascript environment using the following;
console.log(JSON.parse(jsonContent));
Related Posts:
- “SyntaxError: Unexpected token < in JSON at position 0"
- SyntaxError: Unexpected token o in JSON at position 1
- SyntaxError: Unexpected token o in JSON at position 1
- What is JSONP, and why was it created?
- TypeError: Converting circular structure to JSON in nodejs
- Use a JSON array with objects with javascript
- Array of JSON Objects
- Chrome sendrequest error: TypeError: Converting circular structure to JSON
- Fetch: POST JSON data
- Uncaught SyntaxError: Unexpected token u in JSON at position 0
- Unexpected token u in JSON at position 0 (but only sometimes)
- How to read an external local JSON file in JavaScript?
- SyntaxError: Unexpected token o in JSON at position 1
- SyntaxError: Unexpected token o in JSON at position 1
- How to read an external local JSON file in JavaScript?
- What is the convention in JSON for empty vs. null?
- What is the “right” JSON date format?
- Nested JSON objects – do I have to use arrays for everything?
- Uncaught TypeError: Cannot read property ‘length’ of undefined
- What is the “right” JSON date format?
- How to compare arrays in JavaScript?
- Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
- jQuery AJAX cross domain
- SyntaxError: Unexpected token o in JSON at position 1
- Uncaught TypeError: Cannot read property ‘props’ of null
- Loading local JSON file
- How to convert JSON object to JavaScript array?
- node.js TypeError: path must be absolute or specify root to res.sendFile [failed to parse JSON]
- Uncaught TypeError: data.push is not a function
- React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
- How to convert selected HTML to Json?
- How to get JSON from URL in JavaScript?
- How do you put an image file in a json object?
- push object into array
- JSON.parse() not working
- react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
- Refused to execute script, strict MIME type checking is enabled?
- TypeError: res.json is not a function
- SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
- SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
- Add new attribute (element) to JSON object using JavaScript
- SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
- How to display raw JSON data on a HTML page
- Convert array to JSON
- JSON.parse unexpected token s
- JSON.stringify (Javascript) and json.dumps (Python) not equivalent on a list?
- How to filter JSON Data in JavaScript or jQuery?
- How to add a button dynamically using jquery
- Using setTimeout on promise chain
- Complex JSON nesting of objects and arrays
- Uncaught SyntaxError: Unexpected token with JSON.parse
- How can JavaScript save to a local file?
- Write / add data in JSON file using Node.js
- How do I handle newlines in JSON?
- Finding the max value of an attribute in an array of objects
- Defining a HTML template to append using JQuery
- “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
- What are the differences between JSON and JSONP?
- Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse (
) - WP Rest API – How to get featured image
- Implementing Isomorphic JavaScript (React JS) in WordPress?
- How to use wp_localize_script in custom page template?
- Dynamically insert values in a WordPress SelectControl Options field
- var is undefined in a Gutenberg block
- 404 Error Contact Form 7 on WordPress
- Base64 & JSON Encode array in PHP, use as HTML data attribute, decode and parse in JavaScript …. with proper Escaping
- AngularJS with route and JSON API
- Pass data from wordpress to javascript in JSON
- Why WordPress not using JSON_UNESCAPED_UNICODE by default?
- how to use nimble-API and Display data?
- Remove escape characters from JSON string pulled from a database
- I would like to retrive JSON value and display it in wordpress page or widget
- Connecting a wordpress site to an AngularJS APP
- Gutenberg core/file add style support in js/ json
- Scripts not loading through function Method in WordPress Theme
- I am trying to add current logged in user to my zoho chat
- Where to upload JavaScript file in WordPress
- Video script issue, JavaScript attribute remains ‘undefined’
- Conditional save return on Gutenberg Block
- Can I alter the block editor’s paste text behavior?
- Custom Block – save.js function not saving attributes
- Headless wp with react. How to handle routes?
- Where to paste Google Map Snippet / JavaScript / CSS for WordPress integration
- Issues trying to get an element by id
- Setting Variable Path to Template Directory inside Script
- Dynamically add Js
- Change background video when scrolling reaches a certain ID
- Contact Form 7 Conditional redirect
- Dynamically changing logo on scroll function [closed]
- Can’t change javascript files
- Script not working in post content
- Remove WordPress default registration client side validation?
- How could I add load more posts to my theme? [closed]
- Live Time on WP showing weirdly [closed]
- Javascript button to call custom fields data
- Google Map JavaScript error after migrating
- Table block variation with header section activated
- How can I look at/edit what’s being sent to post.php when I hit the publish/update button?
- Jest Unit tests for High order component containing Block Editor
- How to use Javascript to get data from a WordPress form