如何在使用WebAPI2時使用jQuery和REST調用函數？

Question

我在我的WebAPI2項目中創建了一個「控制器」，並且能夠對數據庫執行基本的CRUD操作。我現在試圖調用一個觸發一些後端處理的控制器函數。你將如何使用jQuery AJAX調用這個控制器函數？

Answer 1

如何使用jQuery AJAX調用此控制器函數？

你可以爲了使AJAX使用$.ajax()功能jQuery中稱：

$.ajax({ 
    url: '/api/resource', 
    type: 'PUT', 
    contentType: 'application/json', 
    data: JSON.stringify({ foo: 'bar' }), 
    success: function(result) { 
     alert('success'); 
    } 
}); 

也有像$.get()和$.post()快捷方式，可能是值得檢查，但通常它們爲您提供更少的控制權實際請求，如設置特定的請求標頭。

當然，如果包含要使用Web API的JavaScript的網站託管在其他域中，則應該瞭解客戶端瀏覽器中內置的same origin policy限制，這基本上會阻止您製作跨域AJAX要求。 的官方方式使跨域AJAX調用是爲您的API支持CORS支持。我不會深入瞭解如何在Web API中啓用CORS的技術細節，因爲已經有許多關於此主題的資源。您可能會發現有趣的官方ASP.NET網站上的Here's one。