Error 405 Method Not Allowed when sending a PUT AJAX request to Spring Boot with jQuery?

[Mike Gosling]

I sincerely hope that I'm in appropriate forum.

My question is related with JavaScript (AJAX) and Spring Boot. So here it goes:

I'm getting 405 in console, when I send PUT request.

Here is my ajax call, which is part of bigger function:

triggerPutRequest(id, stringDate, isDone, title)
                .then((data) => {
                    console.log(data);
                })
                .catch((error) => {
                    alert(error);
                });

I have a Promise object to handle asynchronous nature of ajax:

function triggerPutRequest(isDone, id, stringDate, title) {
    
        return new Promise((resolve, reject) => {
    
            $.ajax({
                type: 'PUT',  // http method
                url: window.location + "api/tasks", //endpoint on our backend
                contentType: "application/json; charset=utf-8",
                dataType: 'json',
                data: JSON.stringify({
                    "id": id,
                    "title": title,
                    "dueDate":  convertDateToString(new Date(datepicker.value)),
                    "done": isDone,                                         
                }),
    
                success: function (data) {
                    resolve(data)
                },
                error: function () {
                    reject("string")
                }
            });
    
        })
    
    }

Now on the server side I have following, I have simple Task model object with omitted non relevant fields:

public class Task {
    
        @Id
        @GeneratedValue(strategy = GenerationType.IDENTITY)
        @Column(name = "id", unique = true, nullable = false)
        private int id;

        @Column(name = "due_date", unique = false, nullable = false)
        @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "dd-MM-yyyy")
        private LocalDate dueDate;

        @NotEmpty(message = "cannot be empty string")
        @Column(name = "title", unique = true, nullable = false)
        private String title;
    
        @Column(name = "done", unique = false, nullable = false)
        private boolean done;
}

My controller class in Spring Boot and endpoint method for updating look like this:

@RestController
@RequestMapping(value="/api/tasks")
public class TaskController {

    //some other endpoints
    
    
    @PutMapping(value="/", consumes="application/json")
    public ResponseEntity<Task> updateTask(@RequestBody Task taskToBeUpdated){
        //update object logic
        return new ResponseEntity<Task>(newlyAddedTask, HttpStatus.OK);
    }
}

I keep getting in the browser console 405. And on the console on server, I have following message:

DefaultHandlerExceptionResolver : Resolved [org.springframework.web.HttpRequestMethodNotSupportedException: Request method 'PUT' not supported] 

I don't have SpringSecurity dependency...

I also asked on SO, but no luck..I really want to make PUT do the actual updating of the object, don't want to use POST, but that will be my last resort.

[Bear Bibeault]

Are you sure that the URL you are hitting is correct?

[Mike Gosling]

Absolutely. Test it with Postman as well, again 405.

[Stephan van Hulst]

Try removing the the value attribute from your @PutMapping. It could be that a single slash is interpreted as the root path and not relative to your /api/tasks path.

[Mike Gosling]

In my code I had:

@Entity
@Table(name = "task")
@SQLDelete(sql = "UPDATE task SET active = false WHERE id = ?")
@Where(clause = "active = true")
public class Task {

    ....

    @Column(name = "due_date", unique = false, nullable = true)
    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd")
    private LocalDate dueDate;
   
    ...


    }

It should have been

 @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "dd-MM-yyyy")

like I actually posted...

[Gopi Daggumalle]

Write POST instead of PUT