[英]How send parameters with URL in react?
我用这个发送参数
apiUrl = SERVER_API_URL + '/api/import/estimatee/' + this.state.estimateId;
.post(apiUrl, formData, config)
但我需要发送像
apiUrl = SERVER_API_URL + '/api/import/estimatee/' + this.state.estimateId + this.state.purchaseOrder.purchaseOrderName + this.state.purchaseOrder.purchaseOrderCurr
我该如何解决?感谢您的反馈。
使用带有查询参数的template literals
?
和&
包含多个参数:
const { estimateId, purchaseOrderCurr, purchaseOrderName } = this.state;
const apiURL = `${SERVER_API_URL}/api/import/estimate/order?estimateId=${estimateId}&purchaseOrderName=${purchaseOrderName}&purchaseOrderCurr=${purchaseOrderCurr}`
apiUrl
现在将是:
http://serverapi/api/import/estimate/order?estimateId="1234"&purchaseOrderName="orderName"&purchaseOrderCurr="USD"
然后,您可以使用axios
post
到apiUrl
:
axios.post(apiUrl, formData, config);
要么
只需将参数粘贴到axios的options
- 这些参数应附加到formData
,尤其是当它们与formData
中提交的内容formData
:
const { estimateId, purchaseOrderCurr, purchaseOrderName } = this.state;
axios.post(`${SERVER_API_URL}/api/import/estimate`, { formData, estimateId, purchaseOrderCurr, purchaseOrderName }, config);
OR
const fd = new FormData();
fd.append('estimateId', estimateId);
fd.append('purchaseOrderCurr', purchaseOrderCurr);
fd.append('purchaseOrderName', purchaseOrderName);
...other formData options
axios.post(`${SERVER_API_URL}/api/import/estimate`, fd, config);
const { estimateId, purchaseOrderName } = this.state;
const apiUrl = `${SERVER_API_URL}/api/import/estimate/${estimateId}/${purchaseOrderName}`;
我通过这种方式解决了,谢谢大家。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.