Получение «404 Not Found» при успешном POST-запросе FormData - PullRequest
Новая
       8

Получение «404 Not Found» при успешном POST-запросе FormData

0 голосов
/ 20 апреля 2019

Это может быть просто, но я действительно не могу обернуть голову прямо сейчас.
FormData и File достигают контроллера, как и ожидалось, процесс обслуживания продолжается без каких-либо исключений, но в браузере я получаю Status Code: 404 Not Found в чем может быть причина? Есть идеи?

Ajax-вызов 

$.ajax({
    type: 'POST',
    contentType: false,
    processData: false,
    url: '/upload-form-and-attachment/',
    data: formData,
    dataType: 'text',
    success: function(response, textStatus) {
        displayPNotifyMessage(textStatus, '<spring:message code="something.success"/>'.format([response.operationData]), 'success');
    },
    error: function($data, textStatus, errorThrown) {
        displayPNotifyMessage(textStatus, errorThrown, 'error');
    },
    complete: function(){
        closeDialog();
    }
});

ФормаДанные 

    var formData = new FormData();        
    formData.append('entityIds', $('#theDialog').data('brp').selectedEntityIds);
    formData.append('description', $("#description").val());
    formData.append('modeIds', $('select#otherEntityIds').val());
/*Here I append more fields to the form, and finally I append the input type file*/
    formData.append('attachment', $('input#attachment')[0].files[0]);

Контроллер 

  @RequestMapping(value = "/upload-form-and-attachment/", method = RequestMethod.POST)
    public JSONResult uploadFormAndAttachment(
            @RequestParam("entityIds") List<Long> entityIds,
            @RequestParam("description") String description,
            @RequestParam("modeIds") List<Long> modeIds,
            MultipartHttpServletRequest request,
            HttpSession session) {          
        JSONResult jsonResult = new JSONResult();
        try {
            MultipartFile attachment = request.getFile("attachment");
            // Calling some service methods and passing them the form data
        } catch(Exception e) {
            LOGGER.error(e.getMessage());
        }       
        return jsonResult;
    }

Заголовки запросов в том виде, в каком они отображаются в консоли Chrome 

POST /***/upload-form-and-attachment/ HTTP/1.1
Host: localhost:8080
Connection: keep-alive
Content-Length: 27274
Accept: text/plain, */*; q=0.01
Origin: http://localhost:8080
X-Requested-With: XMLHttpRequest
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryJqb7gbJhzfXRBRX7
Referer: http://localhost:8080/****
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Cookie: JSESSIONID=*******

Заголовки ответа в консоли Chrome 

Cache-Control: no-store, no-cache, must-revalidate
Cache-Control: post-check=0, pre-check=0
Content-Language: en
Content-Type: text/html;charset=UTF-8
Date: Sat, 20 Apr 2019 05:24:22 GMT
Expires: Sat, 6 May 1995 12:00:00 GMT
Pragma: no-cache
Server: Apache-Coyote/1.1
Transfer-Encoding: chunked
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block

Изменение contentType на 'multipart / form-data'
Очевидное решение замены contentType на «multipart / form-data» в качестве ответа здесь предполагает сбой и приводит к следующей ошибке в API 

org.springframework.web.multipart.MultipartException: 
Failed to parse multipart servlet request; 
nested exception is org.apache.commons.fileupload.FileUploadException: 
the request was rejected because no multipart boundary was found

Изменение contentType на 'application / x-www-form-urlencoded'
Использование этого типа контента приводит к следующей ошибке в API, поскольку весь запрос, по-видимому, «строковый» и API не может распознать переданные параметры. 

org.springframework.web.bind.MissingServletRequestParameterException:  
Required List parameter 'entityIds' is not present

Ответы [ 2 ]

0 голосов
/ 20 апреля 2019 
var formData= new FormData($('form#form_name')[0]);

$.ajax({
    type: 'POST',
    url: '/upload-form-and-attachment/',
    data: formData,
    success: function(response, textStatus) {
        displayPNotifyMessage(textStatus, '<spring:message code="something.success"/>'.format([response.operationData]), 'success');
    },
    error: function($data, textStatus, errorThrown) {
        displayPNotifyMessage(textStatus, errorThrown, 'error');
    },
    complete: function(){
        closeDialog();
    }
});

создайте класс, который имеет те же поля, что и в вашем formData, тогда вы можете получить их, используя @ ModelAttribute

0 голосов
/ 20 апреля 2019 
var formData = {
    'entityIds', $('#theDialog').data('brp').selectedEntityIds,
    'description', $("#description").val(),
    'modeIds', $('select#otherEntityIds').val()
}

или попробуйте получить данные, используя @ ModelAttribute

...