If you want to edit and reissue a request that you have captured in Chrome Developer Tools' Network tab:

• Right-click the Name of the request
• Select Copy > Copy as cURL
• Paste to the command line (command includes cookies and headers)
• Edit request as needed and run

I know, old post ... but it might be helpful to leave this here.

Modern browsers are now supporting the Fetch API.

You can use it like this:

fetch("<url>")
    .then(data => data.json()) // could be .text() or .blob() depending on the data you are expecting
    .then(console.log); // print your data

ps: It will make all CORS checks, since it's an improved XmlHttpRequest.

Expanding on @dhfsk answer

Here's my workflow

1. From Chrome DevTools, right-click the request you want to manipulate > Copy as cURL

2. Open Postman

3. Click Import in the upper-left corner then Paste Raw Text

If your web page has jquery in your page, then you can do it writing on chrome developers console:

$.get(
    "somepage.php",
    {paramOne : 1, paramX : 'abc'},
    function(data) {
       alert('page content: ' + data);
    }
);

Its jquery way of doing it!

I had the best luck combining two of the answers above. Navigate to the site in Chrome, then find the request on the Network tab of DevTools. Right click the request and Copy, but Copy as fetch instead of cURL. You can paste the fetch code directly into the DevTools console and edit it, instead of using the command line.

To GET requests with headers, use this format.

   fetch('http://example.com', {
      method: 'GET',
      headers: new Headers({
               'Content-Type': 'application/json',
               'someheader': 'headervalue'
               })
    })
    .then(res => res.json())
    .then(console.log)

If you want to do a POST from the same domain, you can always insert a form into the DOM using Developer tools and submit that:

Using modern async/await javascript sintax you could do it as follow below.

const options = {method: 'GET', Content-Type: 'application/json'};
let res = await fetch('https://yourdomain.com/somedata.json', options);
let json = await res.json();

It will make all CORS checks (Cross-Origin Resource Sharing). Case the web server already allow CORS from all domains you are ready to go. Case you need enable CORS on the web server follow below 2 cases: one with nginx and another with node express.

Enable CORS with NGINX

Enable CORS from all websites If you want to enable CORS for all websites, that is, accept cross domain requests from all websites, add the following

add_header Access-Control-Allow-Origin *;

Enable CORS from one domain

add_header Access-Control-Allow-Origin "stackoverflow.com";

Enable CORS with Express

With node it's just install cors with yarn add cors, and then use it

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})

if you use jquery on you website, you can use something like this your console

$.post(
    'dom/data-home.php',
    {
    type : "home", id : "0"
    },function(data){
        console.log(data)
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

The shortest way is:

await (await fetch('<URL>')).json()

Keeping it simple, if you want the request to use the same browsing context as the page you are already looking at then in the Chrome console just do:

window.location="https://www.example.com";

You can edit/resend a request in Firefox's Inspector without using any 3rd parties like so:

1. Press F12 to open the inspector in Firefox ▶ go to the Network tab
2. Find your API request and click on it so the 'Headers' section will appear to the right (you can filter in the bar on top)
3. The 'Header' tab comes with a Resend button, here you can either Resend or Edit and Resend

Screenshot

Yes, there is a way without any 3rd party extension.

I've built javascript-snippet (which you can add as browser-bookmark) and then activate on any site to monitor & modify the requests. :

For further instructions, review the github page.