在使用WebAPI2时，如何使用jQuery和REST调用函数？

Question

我在我的WebAPI2项目中创建了一个“控制器”，我能够对数据库进行基本的CRUD操作。我现在正试图调用一个触发一些后端处理的控制器函数。你会如何使用jQuery AJAX调用这个控制器函数？

Answer 1

  

如何使用jQuery AJAX调用此控制器函数？

你可以在jQuery中使用$.ajax()函数来进行AJAX调用：

$.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。