Reactjs 在AXIOS Post的XML正文中添加动态数据

我需要使用AXIOS发布一个请求。请求正文是XML格式的。我能够使用AXIOS在XML正文中使用静态数据发布请求，但希望动态传递值

您能告诉我如何在xml正文中添加动态值（TripName、TotalFare等）吗

requestBody='<Itinerary xmlns="http://www.testsol.com/api/travel/trip/2010/06">\
    <TripName>SFO Trip- air and hotel </TripName>\
    <Comments />\
    <StartDateLocal>2020-05-10T07:25:00</StartDateLocal>\
    <EndDateLocal>2020-05-14T23:59:00</EndDateLocal>\
    <Bookings>\          
        <Booking>\
               <AirlineTickets>\
                <AirlineTicket>\
                    <DateCreatedUtc>2020-05-11T07:34:13</DateCreatedUtc>\
                    <DateModifiedUtc>2020-05-13T10:52:27</DateModifiedUtc>\
                    <IssueDateTime>2020-05-11T00:34:13</IssueDateTime>\
                    <TotalFare>3948.0000</TotalFare>\
                    <TotalFareCurrency>INR</TotalFareCurrency>\
                    <AirlineTicketCoupons>\
                        <AirlineTicketCoupon>\                            
                            <EndCityCode>DEL</EndCityCode>\
                            <FlightNumber>198</FlightNumber>\
                            <StartCityCode>BLR</StartCityCode>\
                            <StartDateLocal>2020-03-19T20:30:00</StartDateLocal>\
                            <Vendor>SG</Vendor>\
                        </AirlineTicketCoupon>\
                    </AirlineTicketCoupons>\
                </AirlineTicket>\
            </AirlineTickets>\               
            </Passengers>\            
            <PassengerCount>1</PassengerCount>\
        </Booking>\
    </Bookings>\
</Itinerary>';

 const config_req = {
      headers: {
        //  Accept: "application/json",
        Authorization: "Bearer " + token,
      },
    };

您可以为您的请求正文使用

比如说

const startDateLocal = ...
const endDateTotal = ...
const dateCreated = ...
...
requestBody=`<Itinerary xmlns="http://www.testsol.com/api/travel/trip/2010/06">\
    <StartDateLocal>${startDateLocal}</StartDateLocal>\
    <EndDateLocal>${endDateTotal}</EndDateLocal>\
    <Bookings>\          
        <Booking>\
               <AirlineTickets>\
                <AirlineTicket>\
                    <DateCreatedUtc>${dateCreated}</DateCreatedUtc>\
                    <DateModifiedUtc>${dateModified}</DateModifiedUtc>\
                    <IssueDateTime>${issueDate}</IssueDateTime>\
                    <TotalFare>${totalFare}</TotalFare>\
                    <TotalFareCurrency>${currency}</TotalFareCurrency>\
                </AirlineTicket>\
            </AirlineTickets>\               
            </Passengers>\            
            <PassengerCount>${passengerCount}</PassengerCount>\
        </Booking>\
    </Bookings>\
</Itinerary>`;

const startDateLocal=。。。
常量endDateTotal=。。。
const dateCreated=。。。
...
请求主体=`\
${startDateLocal}\
${endDateTotal}\
\          
\
\
\
${dateCreated}\
${dateModified}\
${issueDate}\
${totalFare}\
${currency}\
\
\               
\            
${passengerCount}\
\
\
`;

---

假设您已定义了所有变量

@gzcz-您共享的示例适用于单个标记。我需要更新xml中的多个值。我可以知道我怎么做吗？你可以让整个请求正文成为一个模板字符串

const body=${totalFare}${date}

。更新了答案，为您展示了一个更好的示例。

const startDateLocal = ...
const endDateTotal = ...
const dateCreated = ...
...
requestBody=`<Itinerary xmlns="http://www.testsol.com/api/travel/trip/2010/06">\
    <StartDateLocal>${startDateLocal}</StartDateLocal>\
    <EndDateLocal>${endDateTotal}</EndDateLocal>\
    <Bookings>\          
        <Booking>\
               <AirlineTickets>\
                <AirlineTicket>\
                    <DateCreatedUtc>${dateCreated}</DateCreatedUtc>\
                    <DateModifiedUtc>${dateModified}</DateModifiedUtc>\
                    <IssueDateTime>${issueDate}</IssueDateTime>\
                    <TotalFare>${totalFare}</TotalFare>\
                    <TotalFareCurrency>${currency}</TotalFareCurrency>\
                </AirlineTicket>\
            </AirlineTickets>\               
            </Passengers>\            
            <PassengerCount>${passengerCount}</PassengerCount>\
        </Booking>\
    </Bookings>\
</Itinerary>`;