邮政服务有一个API,允许您发送包含权重,旅行信息等的xml请求。它将返回一个xml响应。
如何处理xml响应?我需要在客户端解析xml,或者更优选地,将xml放在我可以发送到我的laravel后端进行解析的变量中。
是的,我正在使用反应和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));
}
答案 0 :(得分:3)
Response.text()
返回Promise
,链.then()
以获得Promise
.text()
次呼叫的值。
如果您希望从Promise
函数返回getPostagePrice
,return
fetch()
来自getPostagePrice()
来电。{/ p>
getPostagePrice = () => {
fetch('/path/to/server')
.then(response => response.text())
.then(str => (new window.DOMParser()).parseFromString(str, "text/xml"))
.then(data => console.log(data));
}
答案 1 :(得分:0)
还可以通过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)
}