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
- Javascript split regex question
- Find object by id in an array of JavaScript objects
- How do I empty an array in JavaScript?
- JavaScript TypeError: Cannot read property ‘style’ of null
- Number converted in 1e+30
- Javascript Object push() function
- Obtain form input fields using jQuery?
- Read XML file using javascript
- Detecting arrow key presses in JavaScript
- Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
- JavaScript – Count Number of Visitor for Website
- Jquery Value match Regex
- how to use addHTML function in jsPDF
- Rock, Paper, Scissors, Lizard, Spock in JavaScript
- How to fix “TypeError: Right-hand side of ‘instanceof’ is not callable” when I use another module class?
- Change the selected value of a drop-down list with jQuery
- Uncaught SyntaxError: Unexpected token var
- window.location.href doesn’t redirect
- Get loading state of wp data selector
- Adding a text element in between title and blocks container
- Remove type attribute from script added by wp_localize_script
- Google Map iframe in a tab issue
- How to return div with custom attributes(Coding a Gutenberg Block)
- Popup box when Clicking on Insert into post button in wordpress
- JQuery not loading
- How to display post content in the block editor