1

При отправки JSON пакета с отдельного HTML файла на Java Spring RestController при помощи jQuery, java выдает предупреждение :

Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported]

При этом все MediaType указаны.

Chrom выдает еще 2 ошибки:

POST http://localhost/post 415

и

Access to XMLHttpRequest at 'http://localhost/post' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Код контроллера:

@RestController
public class mainController {
@RequestMapping(value = "/post", method = RequestMethod.POST,
        consumes = MediaType.APPLICATION_FORM_URLENCODED_VALUE,
        produces = {MediaType.APPLICATION_JSON_UTF8_VALUE})
public ResponseEntity<Object> postUser(@RequestBody User user){
System.out.println(user);
return new ResponseEntity<>("Success", HttpStatus.OK);
}
}

Код jQery:

$(document).ready(function() {
  $('#go').on('click', function() {

var user = {
    "name" : "Tom",
    "age" : 23
};

$.ajax({
    url: 'http://localhost/post',
    type: 'POST',
    dataType: 'json',
    data: user
})
.done(function() {
    console.log("success");
})
.fail(function() {
    console.log("error");
})
.always(function() {
    console.log("complete");
});


  });
});

Огромная просьба подсказать где ошибка и как решить подобную проблему?

P.S. Т.К. опыта у меня маловато просьба сказать как пишутся подобные приложения, а именно сперва Backend и потом при помощи Thymeleaf или Mustache шаблонов Front, или же Frontend совсем пишется отдельно как у меня?

1
  • Писать фронт на тимлиф неразумно, надо делать корс запрос
    – Roman C
    21 фев 2019 в 21:38

2 ответа 2

1
$.ajax({
    type: 'POST',
    url: "http://localhost/post",
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify(user),
    dataType: 'json',
    async: true
});
3
  • Настроил Nginx чтобы не выходила блокировка CORS, вставил ваш код, остальные ошибки остались.
    – Vadim
    22 фев 2019 в 17:24
  • Добавьте к вопросу request со всеми header, который отправляет ваша форма. Чтобы понять почему у вас была блокировка CORS, надо видеть конфиг вашего приложения. Какие зависимости подключены и как и что настроено. 22 фев 2019 в 18:59
  • Была блокировка CORS потому что я не поднял HTTP сервер.
    – Vadim
    23 фев 2019 в 6:06
0

Всем спасибо, разобрался. Надо было поднять HTTP сервер чтобы не было блокировки CORS и подправить MediaType, а именно оставил только produces = {MediaType.APPLICATION_JSON_UTF8_VALUE}.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.