Fetch API javascript'i kullanarak Content-Type'ı application / Json olarak ayarlayın

Question 1

Javascript'te Getirme API'sini kullanarak bir spring uygulamasına bazı form verileri göndermeye çalışıyorum. Form verilerini göndermek için bu kodum var:

document.querySelector('#formPet').addEventListener('submit', event => {
    event.preventDefault();
    let email= document.querySelector("#email");
    fetch('http://localhost:8080/petForm/'+email.value+'/pets', {
      method: 'POST',
      body: JSON.stringify({
        help: "helpme:("
      })
    })
  });

ancak "Desteklenmeyen Ortam Türü"415 durum hatası alıyorum. Özellikle 'Content-Type' başlığını 'application/json' olarak ayarladığımda bile 'text/plain'gibi gönderir

fetch('http://localhost:8080/petForm/'+email.value+'/pets', {
      method: 'POST',
      header: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        help: "helpme:("
      })
    })
  });

bu sunucudan aldığım yanıttır:

İşte ilkbaharda isteği kabul eden yöntem:

    @PostMapping("petForm/{id}/pets")
    public ResponseEntity<Pet> createPet(@PathVariable("id") String ownerId, @RequestBody Map<String, Object> data){
        System.out.println(data);
        return ResponseEntity.ok().build();
    }

isteğin neden 'metin / düz' biçiminde gönderildiğini bilmiyorum, postman'da Spring yöntemini deniyorum ve verileri json biçiminde gönderdiğimde iyi çalışıyor.

Question 2

JavaScript kodunuzda "başlık" yerine "başlıklar"kullanmanız gerekir. Fetch API belgelerine bakın: https://developer.mozilla.org/en-US/docs/Web/API/fetch

Question 3

step 1 : add @CrossOrigin after @PostMapping(value = "petForm/{id}/pets")

like : 



@PostMapping(value = "petForm/{id}/pets")
    @CrossOrigin
    public ResponseEntity<String> createPet(@PathVariable("id") String ownerId, @RequestBody Map<String, Object> data){
        System.out.println(data);
        return ResponseEntity.ok().build();
    }


step 2 : add double quotes to help word
 it is not  json fromat :====>    help: "helpme" 
Correct : 
      it is not  json fromat :====>    "help": "helpme"

troxhi · Answer 1 · 2021-11-22T17:18:18

JavaScript kodunuzda "başlık" yerine "başlıklar"kullanmanız gerekir. Fetch API belgelerine bakın: https://developer.mozilla.org/en-US/docs/Web/API/fetch

mohammad farahani · Answer 2 · 2021-11-22T19:10:50

step 1 : add @CrossOrigin after @PostMapping(value = "petForm/{id}/pets")

like : 



@PostMapping(value = "petForm/{id}/pets")
    @CrossOrigin
    public ResponseEntity<String> createPet(@PathVariable("id") String ownerId, @RequestBody Map<String, Object> data){
        System.out.println(data);
        return ResponseEntity.ok().build();
    }


step 2 : add double quotes to help word
 it is not  json fromat :====>    help: "helpme" 
Correct : 
      it is not  json fromat :====>    "help": "helpme"

Şu anda yazıldığı gibi, cevabınız belirsizdir. Lütfen başkalarının sorulan soruyu nasıl ele aldığını anlamalarına yardımcı olacak ek ayrıntılar eklemek için düzenleyin. İyi yanıtların nasıl yazılacağı hakkında daha fazla bilgiyi yardım merkezi'nde bulabilirsiniz.

Fetch API javascript'i kullanarak Content-Type'ı application / Json olarak ayarlayın

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride