Entonces, estoy llamando a 5 API en mi archivo js y el código es el mismo para todos, excepto la URL y los datos del formulario que estoy pasando. y las mismas líneas de código se repiten 5 veces y creo que esto no es bueno para escribir. Lo que quiero es hacer que este código se seque pero no sé qué cambios debo hacer.
var formdata = new FormData(); formdata.append("market", "KSE100"); var requestOptions = { method: "POST", body: formdata, redirect: "follow", }; fetch( "api_url here_1", requestOptions ) .then((response) => response.json()) .then((stockData) => console.log('aasfs',stockData )) .catch((error) => console.log("error", error)); var formdata = new FormData(); formdata.append("symbol", "SYS"); var requestOptions = { method: "POST", body: formdata, redirect: "follow", }; fetch( "api_url here_2", requestOptions ) .then((response) => response.json()) .then((stockData) => console.log('aasfs',stockData )) .catch((error) => console.log("error", error));Puedes definir una función como esta
const postData = (url, data) => { const formdata = new FormData(); Object.entries(data).forEach(([k, v]) => { formdata.append(k, v); } var requestOptions = { method: "POST", body: formdata, redirect: "follow", }; return fetch( url, requestOptions ) .then((response) => response.json()) .then((stockData) => console.log('aasfs',stockData )) .catch((error) => console.log("error", error)); }Envuelva el código común en una función que pasa los datos del formulario y la URL a través de variables
const sendFormData = (url, formData) => { var requestOptions = { method: "POST", body: formData, redirect: "follow", }; fetch( url, requestOptions ) .then((response) => response.json()) .then((stockData) => console.log('aasfs', stockData)) .catch((error) => console.log("error", error)); } var formdata1 = new FormData(); formdata.append("market", "KSE100"); sendFormData("api_url here_1", formdata1); var formdata2 = new FormData(); formdata.append("symbol", "SYS"); sendFormData("api_url here_2", formdata2);