JavascriptからJavaへjson型の値を渡す方法を教えていただけないでしょうか？

Question

お世話になります。
タイトルの通りです。fetch処理がcontroller側まで行かず処理ができていません。ご助言いただけないでしょうか？

・やりたいこと
@PutMapping(java SpringBootアノテーション)を用いて、jsonの情報をjava側に渡したいです。

実践したことを下記に記します。

//受け取り側
@PutMapping("/resultCapturing/load")
	public void CsvCaptureLoadController(
			@RequestBody
			ResultCapturingForm list
	){
log.info("{}",list);
}

  var csvCaptureUrl =  '/resultCapturing/load'
         var exhibitNumberResult = rowAccess.出品番号;
         if(exhibitNumberResult==null||exhibitNumberResult==""){
            console.log("")
         }
         var yearResult = rowAccess.年式;
         var vehicleNameResult = rowAccess.車種名;
         var gradeResult = rowAccess.グレード;
         var  vehicleNumberResult = rowAccess. 車体番号;
         var seriResultResult = rowAccess.セリ結果;
         var amountTenderedResult = rowAccess.応札額;


         fetch(csvCaptureUrl, {
             method: 'PUT',
             headers: {
                 'Content-Type': 'application/json'
             },
             body: JSON.stringify({"exhibitNumber":exhibitNumberResult, "yaer":yearResult,"vehicleName":vehicleNameResult, "vehicleNumber":vehicleNumberResult,"grade":gradeResult, "seriResult":seriResultResult,"amountTendered":amountTenderedResult})
         
             
         }).catch((err) => {
             alertify.error('エラー ' + err);

         }).then(res => {
                console.log("success");
        });
    });

・エラー文は下記になります。

 Mapped to public org.springframework.http.ResponseEntity<java.util.Map<java.lang.String, java.lang.Object>> org.springfra
mework.boot.autoconfigure.web.servlet.error.BasicErrorController.error(javax.servlet.http.HttpServletRequest)

Using 'application/json', given [*/*] and supported [application/json, application/*+json, application/json, application/*+j
son]Writing [{timestamp=Tue Jun 14 17:35:50 JST 2022, status=403, error=Forbidden, message=Forbidden, path=/resul (truncated)...
]

Exiting from "ERROR" dispatch, status 403

なるべく早く返信いたしますので、よろしくお願いいたします。

Comments

[shiketa]

情報不足です。ResultCapturingForm と CsvCaptureLoadController の、全体を公開してください。

[teratail-boy]

shiketaさん、ご返答いただきありがとうございます。
大変申し訳ないのですが、今パソコンを触ることが出来ないため、回答の役に立つかは分かりませんが、口頭ベースで情報共有致します。後日ご指摘のクラスを共有致します。申し訳ありません。

Formのクラスについてですが、これはjavascriptから来る値を格納するために利用しようと思っていた作成したBeanです。
javascript側で記述しているjson型の値のkey全てと対になるように、Beanを定義しています。※lombokを使用していて、頭に@Dataをつけています。

CsvCaptureLoadControllerクラスについては、ページを開くためのコントローラーです。

私がやりたいことは、webページでcsvを読み込ませ、読み込んだcsvの1レコードをfetchでapiControllerに渡そうとしています。私が記したControllerはfetchを受け取る用のapiControllerのメソッドです。

以上になります。
何か不明点などあれば口頭ベースになってしまいますがすぐご返信致します。よろしくお願いいたします。m(_ _)m

Answer 1

java側がputをどういうものなら受けられるかわからないのでなんともいえませんが
headerを調整てみては？

const headers = {
  'Accept': 'application/json',
  'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
};