Question

我正在关注AngularJS和WebAPI的Pluralsight课程。我正在尝试使用PUT保存从客户端发送到服务器的数据，但数据没有保存，我没有收到任何错误。此外，它没有事件命中正确的服务器端代码，因为没有捕获断点。我试图改变HTTP方法的类型，但我需要这个方法。发回的唯一内容是来自服务器的"204: No Content"代码。

这就是PUT和POST方法的样子。任何这些方法中的断点都不会被捕获。

// POST: api/Products
public void Post([FromBody]Product product) // Creating a product
{
    var productRepository = new ProductRepository();
    var newProduct = productRepository.Save(product);
}
// PUT: api/Products/5
public void Put(int id, [FromBody]Product product) // Updating a product
{
    var productRepository = new ProductRepository();
    var updatedProduct = productRepository.Save(id, product);
}

ProductRepository看起来像这样：

internal Product Save(Product product)
{
    // Read in the existing products
    var products = this.Retrieve();
    // Assign a new Id
    var maxId = products.Max(p => p.ProductID);

    product.ProductID = maxId + 1;
    products.Add(product);

    WriteData(products);

    return product;
}

internal Product Save(int id, Product product)
{
    // Read in the existing products
    var products = this.Retrieve();

    // Locate and replace the item
    var itemIndex = products.FindIndex(p => p.ProductID == product.ProductID);
    if (itemIndex > 0)
    {
        products[itemIndex] = product;
    }
    else
    {
        return null;
    }

    WriteData(products);
    return product;
}

这是正在使用的控制器的主要部分（使用Controller-As syntax：

var vm = this;
vm.submit = function () {
    vm.message = "";
    if (vm.product.productID) {
        vm.product.$update({ id: vm.product.productID }, function (data { 
            console.log(data);
            vm.message = "Save Complete";
        });
    } else {
        vm.product.$save(function (data) {
            vm.originalProduct = angular.copy(data);
            vm.message = "Save Complete";
        });
    }
};

最后，productResource是一个如下所示的自定义服务：

var productResource = function($resource, appSettings) {
    return $resource(appSettings.serverPath + "/api/Products/:id", null, {
        'update': { method: 'PUT' }
    });
}

我试图查看它是否是CORS问题，但事实并非如此，因为我已在课程级别启用它。

Answer 1

请检查您的API是否实现了CORS（跨源资源共享）

Answer 2

不应该

var itemIndex = products.FindIndex(p => p.ProductID == product.ProductID);

是

var itemIndex = products.FindIndex(p => p.ProductID == id);

JSON数据未保存在WebAPI中

2 个答案: