使用 XML 获取 HTTP 请求

Question

I'm trying to make a request to this API which works fine when submitting in the browser with my XML data but I can't see to get it to work with the fetch API. I get STATUS 200 OK but no data. I'm pretty sure I'm not submitting the body correctly but can't work out why?

Checking the console when submitted directly in the browser vs my application I can see the data is submitted with 'params' which I seem to be missing?

Appreciate any guidance.

my response correct response

const xml =
    '<GetOrderStatus><ClientID>FITE****</ClientID><UserID>FI****</UserID><Password>*****</Password><SecurityKey>*****/SecurityKey><Order><OrderNum>1834006076</OrderNum></Order></GetOrderStatus>';

fetch('http://api.3linx.com/v4/getorderstatus', {
    method: 'POST',
    mode: 'no-cors',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        Accept:
            'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9',
        'Accept-Language': 'en-GB',
        'Accept-Encoding': 'gzip, deflate',
        Connection: 'Keep-alive',
    },
    body: xml,
    
})
    .then((response) => response.text())
    .then((text) => console.log(text));

Answer 1

Since you use application/x-www-form-urlencoded , you'll have to use URLSearchParams to send your data with params: .

 const xml = '<GetOrderStatus><ClientID>FITE****</ClientID><UserID>FI****</UserID><Password>*****</Password><SecurityKey>*****/SecurityKey><Order><OrderNum>1834006076</OrderNum></Order></GetOrderStatus>'; const form = new URLSearchParams(); form.append('params', xml); fetch('http://api.3linx.com/v4/getorderstatus', { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/x-www-form-urlencoded', Accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9', 'Accept-Language': 'en-GB', 'Accept-Encoding': 'gzip, deflate', Connection: 'Keep-alive', }, body: form, }).then((response) => response.text()).then((text) => console.log(text));