第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

反應(yīng)REST請(qǐng)求到Java后端失敗

反應(yīng)REST請(qǐng)求到Java后端失敗

達(dá)令說 2021-05-07 18:13:36
我有一個(gè)簡(jiǎn)單的React表單。我正在嘗試使用Fetch API將數(shù)據(jù)從此表單發(fā)送到我的Java后端。這是我的React Form文件:import React, {Component} from 'react';class Form extends Component {    constructor(props){        super(props);        this.state={value:""};    this.handleChange = this.handleChange.bind(this);    this.handleSubmit = this.handleSubmit.bind(this);}handleChange(event){    event.preventDefault();    this.setState({value:event.target.value});}handleSubmit(event){    event.preventDefault();    const data = new FormData(event.target);    fetch('http://localhost:8080/add/person', {      method: 'POST',      body: data    });}render(){    return(        <form onSubmit={this.handleSubmit}>            <label>Name:             <input type="text" value={this.state.value} onChange={this.handleChange} />            </label>            <input type="submit" value="Submit"/>        </form>    );      }}由于某種原因,當(dāng)我處于調(diào)試模式時(shí),數(shù)據(jù)變量始終具有空的JSON。在我的Java后端中,當(dāng)我收到請(qǐng)求時(shí),我看到的是空白表格數(shù)據(jù)。關(guān)于為什么我無法將數(shù)據(jù)發(fā)送到Java后端的任何想法?
查看完整描述

2 回答

?
慕尼黑的夜晚無繁華

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個(gè)贊

您的問題與后端無關(guān)-fetch代碼看起來正確。

FormData沒有按照您的期望進(jìn)行構(gòu)建。您可以通過打開Chrome Devtools的“網(wǎng)絡(luò)”標(biāo)簽并嘗試查看請(qǐng)求的過程來解決此問題:空請(qǐng)求有效負(fù)載。

問題在于FormData構(gòu)造函數(shù)的參數(shù)依賴于input具有name屬性的表單中的每個(gè)屬性,而您缺少該屬性。如果添加(name="name"),則前端應(yīng)按預(yù)期運(yùn)行:


<input type="text" name="name" value={this.state.value} onChange={this.handleChange} />

編輯:根據(jù)您上面的對(duì)話,似乎您也有服務(wù)器端CORS問題。我的答案解決了您的原始問題,但是是的,您也需要解決CORS,最簡(jiǎn)單的方法可能是引用您所使用的任何Java框架的文檔。這是一個(gè)非常常見的問題,應(yīng)該在FAQ中。


查看完整回答
反對(duì) 回復(fù) 2021-05-12
  • 2 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)