You can use jQuery .getJSON() function:
$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(data) {
// JSON result in `data` variable
});
If you don't want to use jQuery you should look at this answer for pure JS solution.
Answer from Dan Barzilay on Stack OverflowMDN Web Docs
developer.mozilla.org › en-US › docs › Web › API › Request › json
Request: json() method - Web APIs | MDN
November 7, 2025 - const obj = { hello: "world" }; const request = new Request("/myEndpoint", { method: "POST", body: JSON.stringify(obj), }); request.json().then((data) => { // do something with the data sent in the request });
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › API › Response › json
Response: json() method - Web APIs | MDN
When the fetch is successful, we read and parse the data using json(), then read values out of the resulting objects as you'd expect and insert them into list items to display our product data. ... const myList = document.querySelector("ul"); const myRequest = new Request("products.json"); fetch(myRequest) .then((response) => response.json()) .then((data) => { for (const product of data.products) { const listItem = document.createElement("li"); listItem.appendChild(document.createElement("strong")).textContent = product.Name; listItem.append(` can be found in ${product.Location}. Cost: `); listItem.appendChild(document.createElement("strong")).textContent = `£${product.Price}`; myList.appendChild(listItem); } }) .catch(console.error);
Videos
10:05
Get JSON data with xHR request AJAX JavaScript Coding Example and ...
11:33
HTTP request in Javascript Get JSON data with xhr method and fetch ...
09:25
POST Form Data as JSON with Fetch API in JavaScript - YouTube
03:55
How to read JSON Request body in Express JS - YouTube
08:51
JavaScript Fetch Request Explore making a request to text and JSON ...
MDN Web Docs
developer.mozilla.org › en-US › docs › Learn_web_development › Core › Scripting › JSON
Working with JSON - Learn web development | MDN
To obtain the JSON, we use an API called Fetch. This API allows us to make network requests to retrieve resources from a server via JavaScript (e.g., images, text, JSON, even HTML snippets), meaning that we can update small sections of content without having to reload the entire page.
ReqBin
reqbin.com › code › javascript › wc3qbk0b › javascript-fetch-json-example
How do I fetch JSON using JavaScript Fetch API?
For many programming languages, including JavaScript, Java, C ++, C #, Go, PHP, and Python, there are ready-made code libraries for creating and manipulating JSON data. JSON file names use the .json file extension. ... The Fetch API presents a new global fetch() method, which allows network requests to be made similarly to the XMLHttpRequest (XHR) method but more powerfully and flexibly.
Top answer 1 of 12
233
You can use jQuery .getJSON() function:
$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(data) {
// JSON result in `data` variable
});
If you don't want to use jQuery you should look at this answer for pure JS solution.
2 of 12
196
If you want to do it in plain javascript, you can define a function like this:
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200) {
callback(null, xhr.response);
} else {
callback(status, xhr.response);
}
};
xhr.send();
};
And use it like this:
getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback',
function(err, data) {
if (err !== null) {
alert('Something went wrong: ' + err);
} else {
alert('Your query count: ' + data.query.count);
}
});
Note that data is an object, so you can access its attributes without having to parse it.
W3Schools
w3schools.com › js › js_json_http.asp
JSON XMLHttpRequest
AJAX Intro AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples JS JSON
Medium
medium.com › @yuvaraj.io › lesson-57-http-requests-responses-and-json-in-javascript-a87754fd4788
Lesson 57: HTTP Requests, Responses, and JSON in JavaScript | by Yuvaraj S | Medium
December 14, 2025 - ✅ This code sends a GET request, receives JSON data, and displays it on the page. JSON (JavaScript Object Notation) is the format most APIs use to send data.
ZetCode
zetcode.com › javascript › jsonurl
JavaScript JSON from URL - Fetching Data Explained
October 18, 2023 - Learn how to fetch JSON data from a URL in JavaScript using Fetch API, JQuery, and XMLHttpRequest, with examples and explanations.
JSON Editor Online
jsoneditoronline.org › home › data-fetching › post-json
How to POST JSON data in JavaScript | Indepth | JSON Editor Online
February 8, 2023 - In this article, we explored the ... In a JavaScript web application, you can use the built-in fetch function, or use a more feature rich library like Axios to make requests....
CoreUI
coreui.io › answers › how-to-send-json-in-a-fetch-request-in-javascript
How to send JSON in a fetch request in JavaScript · CoreUI
November 6, 2025 - Set Content-Type header to ... the server about the data format. The JSON.stringify() method converts the JavaScript object into a JSON string suitable for transmission....
Top answer 1 of 5
2
function SendRequest(MSG)
{
var objJSON = {
"msg" : MSG
};
var strJSON = encodeURIComponent(JSON.stringify(objJSON));
new Ajax.Request("ReceiveJSON.jsp",
{
method: "post",
parameters: "strJSON=" + strJSON,
onComplete: Respond
});
}
function Respond(REQ)
{
document.getElementById("ResponseDiv").innerHTML=REQ.responseText;
}
2 of 5
1
If you view your REST request response, the JSON might be something like this
{
"users": [
{"first": "Peter",
"last": "Griffin"}
],
"books": [
{"title": "Design Patterns",
"author": "The Gang of Four",
"year": 1995}
]
}
This rest query result can be loaded as a javascript array object
<script language="javascript">
var resultObj = <Result of your REST url + query pasted here>;
</script>
Then,
you access it in your html with javascript blocks like
document.write(resultObj.users[0].first)
which would return 'Peter'
JSON
json.org › JSONRequest.html
JSONRequest
April 17, 2006 - JSONRequest.get does an HTTP GET request, gets the response, and parses the response into a JavaScript value. If the parse is successful, it returns the value to the requesting script. In making the request, no HTTP authentication or cookies are sent. Any cookies returned by the server cause ...
jQuery
api.jquery.com › jQuery.getJSON
jQuery.getJSON() | jQuery API Documentation
Description: Load JSON-encoded data from the server using a GET HTTP request.
Dmitri Pavlutin
dmitripavlutin.com › fetch-with-json
How to Use fetch() with JSON
January 23, 2023 - Second, set the body parameter with the object's JSON (as a string). ... Take a look at body option value. JSON.stringify(object) utility function stringifies the JavaScript object into a JSON string.
Top answer 1 of 2
1
In your example, the webhook.site service you're attempting to connect to with your JavaScript isn't enabled (by default) with the proper CORS headers that modern browsers respect & enforce to improve user security. The developer console in your browser of choice should point this out to you; the error mine gave back was:
Access to XMLHttpRequest at 'https://webhook.site/5c7a5049-9c5e-4bf7-b1cf-0e05f6503bfa' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
As the error states, the requested resource doesn't respond with any valid Access-Control-Allow-Origin header, which will prevent the POST itself from being fully executed. In webhook.site, you can select the CORS Headers tickbox from the top of the user interface to enable the service to send the proper CORS headers to get this working.
Copylet xhr = new XMLHttpRequest();
xhr.open("POST","https://webhook.site/5c7a5049-9c5e-4bf7-b1cf-0e05f6503bfa",true); // configuration interface at https://webhook.site/#!/5c7a5049-9c5e-4bf7-b1cf-0e05f6503bfa/e14fc471-4bc4-410f-b16a-0755a231fb12/1
xhr.setRequestHeader("Content-Type", "application/json");
let data = JSON.stringify({'eventType' : 'test'});
xhr.send(data);
Run code snippetEdit code snippet Hide Results Copy to answer Expand
2 of 2
-1
I suggest you to use axios, it gonna be something like this and you will get the response from your post request
Copyconst response = await axios.post('https://webhook.site/4530328b-fc68-404a-9427-3f2ccd853066/', {'eventType' : 'test'});
Tania's Website
taniarascia.com › how to use the javascript fetch api to get json data
How to Use the JavaScript Fetch API to Get JSON Data | Tania Rascia's Website
// Replace ./data.json with your JSON feed fetch('./data.json') .then((response) => { return response.json() }) .then((data) => { // Work with JSON data here console.log(data) }) .catch((err) => { // Do something for an error here }) Note that with Fetch, even a 404 or 500 error will not return an error. Only a network error or a request not completing will throw an error.
freeCodeCamp
forum.freecodecamp.org › javascript
XMLHttpRequest and JSON - JavaScript - The freeCodeCamp Forum
July 4, 2023 - Hello, I am working on the challenge ... Here is the example code: const req = new XMLHttpRequest(); req.open("GET",'/json/cats.json',true); req.send(); req.onload = function(){ const json = ......
ReqBin
reqbin.com › code › javascript › wzp2hxwh › javascript-post-request-example
How do I send a POST request using JavaScript?
To post data in JSON format using JavaScript/jQuery, you need to stringify your JavaScript object using the JSON.stringify() method and provide a Content-Type: application/json header with your request.
Code Maven
code-maven.com › ajax-request-for-json-data
Ajax request for JSON data with vanilla JavaScript
It can be a URL like http://somesite.com/some/page, or it can be without the hostname just /some/page if we want to send the request to the same server where our JavaScript code came from. In either case we can also send parameters by attaching them after the requested URL. Something like this: http://somesite.com/some/page?fname=Foo&lname=Bar · The second parameter is expected to be a function which will be called when the response arrives from the server. In our example we expect the response to be a valid JSON string.
Stack Abuse
stackabuse.com › bytes › using-fetch-api-to-post-json-data-in-javascript
Using Fetch API to POST JSON Data in JavaScript
September 12, 2023 - The response.json() method also returns a Promise that resolves with the result of parsing the body text as JSON. To send a POST request with JSON data using Fetch, we need to pass an options object as the second argument to fetch().