Getting an “Unsupported media type-415” on an ajax call- Jquery,ajax

Question

I'm calling an ajax function to update a certain record and I'm getting a 415-Unsupported Media type. Below is the js:

$("#update").on("click", function(){
    event.preventDefault();
        return $.ajax('/update/record',{
            method: 'PUT',
            data:{
                date: date
            },
           success: function(){
              alert("record updated successfully");
           }

        });

html:

<form>
    <button type="submit" id="update-cc">Update</button>
</form>

I don't know what I'm doing wrong here or what I need to add to get the correct form of the ajax call.Any ideas????

Thanks!

Answer 1

I believe you need to set the contentType and dataType in your ajax request

contentType: "application/json",
dataType: "json",