具有路由控制器的HttpPut

Question

Hi i need some help I'm trying to send some data with ajax to a controller using PUT Method to do update here is the javascript and ajax code:

function UpdateProduct() {
var id = location.pathname.split('/')[2];

var product = {
    Name: $("#txtName").val(),
    Description: $("#txtDescription").val(),
    Price: $("#txtPrice").val(),
    SubCategoryId: $("#txtSubCategoryId").val(),
    CompanyId: $("#txtSubCategoryId").val(
    ProductCode: $("#ProductCode").val(
    Barcode: $("#Barcode").val(
    Brand: $("#txtBrand").val(),
    Material: $("#txtMaterial").val(),
    Date: $("#txtDate").val(),
};

$.ajax({
    url: "/UpdateProduct/"+id,
    type: "PUT",
    dataType: "json",
    data: product,
    success: function (result) {
        alert('Successful');
    },
    error: function (e) {
        alert(e.error);
    }
});

};

and my controller code:

[HttpPut]
    [Route("UpdateProduct/{id}")]
    public void UpdateProduct(int id, ProductsBE product)
    {
        var api = ConfigurationManager.AppSettings["apiUrl"];
        var productsById = new ProductsRep();
        var searchResponse = productsById.UpdateProduct(product,id, api);
    }

The API is working because i have tested it with postman.

Answer 1

you have to use JSON.stringify to convert your object product to json string

$.ajax({
    url: "/UpdateProduct/"+id,
    type: "PUT",
    dataType: "json",
    data: JSON.stringify(product),
    success: function (result) {
        alert('Successful');
    },
    error: function (e) {
        alert(e.error);
    }
});