首页  >  问答  >  正文

如何从 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粉872182023422 天前691

全部回复(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
  • 取消回复