Open response of a Ajax-POST in a new tab

[Thomas Güttler]

If an ajax/fetch request fails, my framework (django) displays a nice debug page, which contains a lot of useful information.

In chrome devtools I can see a preview of this debug page. But the window in the devtools is way too small.

Is there a way to open the output of the POST request in a new tab?

If I use right-button-click "open in new tab" then chrome does a GET. But the GET does not trigger the exception which I would like to debug.

Related question at Stackoverflow: https://stackoverflow.com/questions/65570252/devtools-open-response-html-in-new-tab

 I could use Postman with a chrome-plugin, but somehow I would like to

know if there is an alternative solution.

[guest271314]

Given a Response with 'ok' set to false and 'status' set to 301, e.g., 

let r = new Response(1, {

  cache:'no-store'

, redirect:'follow'

, status: 301

, body:'<h1>response</h1>'

});

let w;

if (r.status === 301 && !r.ok) {
  w = window.open(URL.createObjectURL(await r.blob()))
}

// w.close();

--
You received this message because you are subscribed to the Google Groups "Chrome DevTools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/9c51ff1c-d74b-42c9-b2a6-b4c8f03f9f35n%40googlegroups.com.

[guest271314]

Using write()

Where r is 

let r = await fetch('/path/to/resource');

let w;

if (r.status === 301 && !r.ok) {

  w = window.open(URL.createObjectURL(new Blob()),  '_blank');

  w.document.write(await r.text());

} else {
  // do other stuff
}

[Thomas Güttler]

Thank you for your replies,

since this is not a simple GET request, I want to re-submit the post request, which  I see

in the network tab of devtools.

How to send the same request again?

Regards,

  Thomas

[guest271314]

I am not certain what you are trying to achieve.

You can clone() a Request() or Response(). You can read the Response.body if not "disturbed" or locked to a reader and create a new request or response from the underlying source.

You can also utilize catch() to handle Error returned from fetch().then() if a response does not throw an error can be thrown for specific status or URL, and PerformanceObserver to check requests locally, or if you have control over the page, ServiceWorker handle the request.

[Thomas Güttler]

thank you for asking, now I know better what I want.

I want a GUI. I would like to re-submit the post via clicking. This works for GET,

but it would be great if it would work for POST, too.