XML请求和响应获取？答案

【问题标题】：XML request and response with fetch?XML请求和响应获取？
【发布时间】：2017-11-08 03:06:51
【问题描述】：

邮政服务有一个 API，允许您发送包含包裹重量、旅行信息等的 xml 请求。它将返回一个 xml 响应。

如何处理 xml 响应？我需要在客户端解析 xml，或者更可取的是，将 xml 放在一个变量中，我可以发送到我的 laravel 后端进行解析。

顺便说一句，我正在使用 react 和 laravel。

getPostagePrice = () => {
  fetch('http://production.shippingapis.com/ShippingApi.dll?API=RateV4&XML=<RateV4Request USERID="XXXXXXXXXXX"><PackageID="1ST"><Service>PRIORITY</Service><ZipOrigination>44106</ZipOrigination><ZipDestination>20770</ZipDestination><Pounds>1</Pounds><Ounces>8</Ounces><Container>NONRECTANGULAR</Container><Size>LARGE</Size><Width>15</Width><Length>30</Length><Height>15</Height><Girth>55</Girth></Package></RateV4Request>', {
       method: 'get',
   }).then((response) => {
       console.log(response.text());
   }).then(str => (new window.DOMParser()).parseFromString(str, "text/xml")
   ).then(data => console.log(data));
}

【问题讨论】：

阅读fetch documentation ...通常你会.then((response) => response.text())和下一个.then会有可用的文本......即用return response.text()替换console.log(response.text())以便你返回一些东西
@JaromandaX 注意，“某物”是Promise、.text()、.blob()、.arrayBuffer()，如果在环境中实现，.formData() 是 Response 对象每个返回一个Promise
我的意思是第一个 .then 根本没有返回任何东西，并且确实指出它应该返回 response.text() - 所以，不确定你要表达什么意思 @ guest271314
@JaromandaX 不想说明问题。仅表示Response 的.text() 方法返回一个Promise，而不是“某物”
是的，最后我的措辞很草率：p

标签： javascript laravel reactjs fetch

【解决方案1】：

Response.text() 返回一个Promise，链.then() 以获取.text() 调用的Promise 值。

如果您希望从 getPostagePrice 函数返回 Promise，请从 getPostagePrice() 调用中调用 return fetch()。

getPostagePrice = () => {
  fetch('/path/to/server')
  .then(response => response.text())
  .then(str => (new window.DOMParser()).parseFromString(str, "text/xml"))
  .then(data => console.log(data));
}

【讨论】：

@JasparLamarCrab 类似的模式见How to allow user to input a color (non hex or rbga) for list customization but make sure it's valid
我不得不删除“窗口”。部分让它为我工作（在 TypeScript 中）。 #ymmv

【解决方案2】：

同样使用 async/await，您可以在不丢失范围的情况下执行相同操作（请记住，如果您使用 .then，您只能在回调函数内部工作）。

async function display(){     
    const xmlFetch = await fetch("./yourXMLorXSL.xml")
    const xmlText = await xmlFetch.text()
    const xml = await (new window.DOMParser()).parseFromString(xmlText, "text/xml")

    console.log(xml)
}

【讨论】：