Javascript – 将多个值返回给链接的“then”函数

Question

I have a fetch call with a couple of then functions. In one of the then functions I'd like to pass two returned variables to the next then function. It doesn't work though.

.then(text => { 
  let content = new DOMParser().parseFromString(text, "text/html"); 
  let main = content.querySelector('main').innerHTML; 
  let title = content.querySelector('title').innerHTML; 

  function thehtml() { 
    return { 
      main, title 
    }
  } 
}) 
.then(thehtml => { 
  let theParsedHtml = thehtml(); 
  document.querySelector('main').innerHTML = theParsedHtml.main; 
  document.title = theParsedHtml.title; 
})    

Accessing the thehtml() function in the last then() throws a is not a function error . Thanks for any tips!

Answer 1

You can modify the code like below, through which you can get access to the title and main in the other then method.

.then(text => { 
  let content = new DOMParser().parseFromString(text, "text/html"); 
  let main = content.querySelector('main').innerHTML; 
  let title = content.querySelector('title').innerHTML; 

  return { 
    main, title 
  }
}) 
.then(thehtml => { 
  document.querySelector('main').innerHTML = thehtml.main; 
  document.title = thehtml.title; 
})