4 回答

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
如何添加功能,以便在單擊提交按鈕時(shí),處于應(yīng)用狀態(tài)的所有內(nèi)容都將傳遞到后端 - 例如文本文件或 json 文件中。
您可以使用 Axios 或獲取 API 請(qǐng)求在應(yīng)用程序中使用的數(shù)據(jù)。您可以使用兩種最流行的方法(稱為 Axios(基于承諾的 HTTP 客戶端)和提取 API(瀏覽器內(nèi)置的 Web API))來(lái)使用 REST API。
獲取() API 是一種內(nèi)置的 JavaScript 方法,用于從服務(wù)器或 API 端點(diǎn)獲取資源。它類似于 XML 請(qǐng)求
Axios 是一個(gè)易于使用的基于承諾的 HTTP 客戶端,適用于瀏覽器和節(jié)點(diǎn).js。由于 Axios 是基于承諾的,我們可以利用異步并等待更多可讀性和異步代碼。借助 Axios,我們獲得了攔截和取消請(qǐng)求的能力,它還具有內(nèi)置功能,可提供客戶端保護(hù),防止跨站點(diǎn)請(qǐng)求偽造。
要了解更多信息,您可以參考此
以上這兩種方法,都可以用于將數(shù)據(jù)從前端提交到后端,以便將數(shù)據(jù)存儲(chǔ)到后端,然后您可以根據(jù)需要對(duì)其執(zhí)行多個(gè)操作。
您可以參考多個(gè)博客和文檔來(lái)了解更多信息:
使用公理從 ReactJS 中的 API 中獲取數(shù)據(jù)
用于開(kāi)機(jī)自檢請(qǐng)求的獲取 API
最近,我還創(chuàng)建了一個(gè)應(yīng)用程序,其中我將 React 與彈簧靴應(yīng)用程序集成。
在此應(yīng)用程序中。我已經(jīng)設(shè)置了路由器和路由,創(chuàng)建并提交了表單,稱為獲取,發(fā)布,PUT,使用axios刪除請(qǐng)求(也完成了獲取API)。
submitBook= event =>{
event.preventDefault();
const book = {
title: this.state.title,
author: this.state.author,
coverphotoURL: this.state.coverphotoURL,
isbnNumber: this.state.isbnNumber,
price: this.state.price,
language: this.state.language
};
const headers = new Headers();
headers.append("Content-Type", "application/json");
fetch("http://localhost:8080/rest/books",{
method:"POST",
body:JSON.stringify(book),
headers
})
.then(response => response.json())
.then((book) => {
if(book){
this.setState({"show":true, "method":"post"});
setTimeout(() => this.setState({"show":false}),3000);
}
else{
this.setState({"show":false});
}});
this.setState(this.initialState);
};
要查看完整代碼,您可以參考我的Github存儲(chǔ)庫(kù)

TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個(gè)贊
使用公理來(lái)調(diào)用您在后端定義的 api 網(wǎng)址。您可以在youtube上觀看簡(jiǎn)短的教程以熟悉基礎(chǔ)知識(shí)。
添加回答
舉報(bào)