搜尋

首頁  >  問答  >  主體

如何從 javascript 中的 Web api 將 json 物件傳遞到專案的其餘部分

我正在製作一個基於 React Web 的刨床,它將使用者輸入的事件儲存在由 C# asp.net api 存取的 SQL 伺服器中。 api 和 fetch 語句都會傳回我期望的結果,但我正在努力將收到的資料傳遞到專案的其餘部分。

這是我使用的 fetch 命令,json 是我嘗試使用的最終值(它以日、月、年、標題、標籤格式保存事件的詳細資訊)

fetch(BaseUrl + '/api/eventreader/6', {
        method: 'GET',
        headers: {
            'Accept': 'application/json',
        },
    })
        .then(response => response.json())
        .then(json => {

            
        }

        )

我嘗試在文件中設定一個全域變量,將其設為等於 json,但它總是顯示為未定義。我也嘗試將元素添加到數組中,但數組也說它是空的。有什麼想法嗎?

P粉872182023P粉872182023435 天前708

全部回覆(1)我來回復

  • P粉199248808

    P粉1992488082023-09-16 12:13:14

    您可以使用狀態變數來儲存資料。例如:

    const [data, setData] = useState(null);
    
    useEffect(() => {
      fetch(BaseUrl + "/api/eventreader/6", {
        method: "GET",
        headers: {
          Accept: "application/json",
        },
      })
        .then((response) => response.json())
        .then((json) => {
          setData(json);
        });
    }, []);
    
    console.log(data);

    回覆
    0
  • 取消回覆