最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

JavaScript fetch response.status or response.text() though not both - Stack Overflow

matteradmin3PV0评论

I have two fetch scripts that work great at either or though I can't figure out how to bine them.

This first one allows me to know what the response.status is however even though it somehow knows the server's HTTP response while not having the response body (yeah, asynchronous):

fetch(url).then(function(r)
{
 if (r.status != 200) {alert('Error: unable to load preview, HTTP response '+r.status+'.');}
 else
 {
  console.log(r.text());//Promise { <state>: "pending" }, no good.
 }
}).catch(function(err) {alert('Error: '+err);});

This second script allows me to access the response.text() though I have no access to the response.status:

fetch(url).then(r => r.text()).then(function(r)
{
 console.log(r);//response text.
});

How do I bine the scripts properly so I have access to both the response.status and response.text() after the request has been received?

I have two fetch scripts that work great at either or though I can't figure out how to bine them.

This first one allows me to know what the response.status is however even though it somehow knows the server's HTTP response while not having the response body (yeah, asynchronous):

fetch(url).then(function(r)
{
 if (r.status != 200) {alert('Error: unable to load preview, HTTP response '+r.status+'.');}
 else
 {
  console.log(r.text());//Promise { <state>: "pending" }, no good.
 }
}).catch(function(err) {alert('Error: '+err);});

This second script allows me to access the response.text() though I have no access to the response.status:

fetch(url).then(r => r.text()).then(function(r)
{
 console.log(r);//response text.
});

How do I bine the scripts properly so I have access to both the response.status and response.text() after the request has been received?

Share Improve this question asked Dec 16, 2020 at 6:55 JohnJohn 13.8k15 gold badges111 silver badges192 bronze badges 3
  • You can create a funciton at first then handler to do more than just returning r.text() – Shubham Srivastava Commented Dec 16, 2020 at 6:57
  • @ShubhamSrivastava Could you post please? If it works I'd be happy to accept/vote. – John Commented Dec 16, 2020 at 6:58
  • Whoa, I didn't expect three answers! I'll properly go through everything later tomorrow. Thank you for the help!
Post a comment

comment list (0)

  1. No comments so far