获取请求未发送[关闭]答案

【问题标题】：Get request not sent [closed]获取请求未发送[关闭]
【发布时间】：2017-03-07 15:05:25
【问题描述】：

我是 MVC 新手，正在 MVC 上编写 Web 应用程序。我正在尝试发送获取请求。
我有一个剃须刀页面，我正试图从中发送请求：

$(document).ready(function () {
    var query = $('#productQuery').val();
    alert("Start.");
    var uri = 'api/search/products?q=abc';
    $.get(uri, function (data) {
            alert("Load was performed.");
    });
});

除了我有一个链接到页面的控制器，它工作得很好，这个 ApiController：

 [RoutePrefix("api/search")]
public class SearchController : ApiController
{
    [Route("products")]
    [HttpGet]
    public async Task<IEnumerable<ProductDocument>> searchProducts(
        [FromUri(Name = "q")]string query,
        [FromUri(Name = "cat")]string[] categories=null)
    {
        ProductsResponse response = await SolrWebApi.QueryAsync<ProductsResponse>(query);
        if (response.Header.Status != 0)
        {
            throw new HttpResponseException(HttpStatusCode.InternalServerError);
        }
        return response.Body.Documents.Take(3).ToArray();
    }

如果有人能告诉我我做错了什么以及为什么我的获取请求没有发送，我将不胜感激。

【问题讨论】：

你的 uri 应该是 api/search/products 给定路由属性。您可能想查看@Url.Action 以通过控制器+操作获取 url，而不是对路由进行硬编码。如果还是不行，试试不带categories参数（或者带零参数并建立起来）。

标签： jquery asp.net ajax asp.net-mvc get

【解决方案1】：

当您不熟悉 Web API 时，您需要在客户端和服务器中进行调试。

好的做法是在使用路由属性之前先使用默认路由。

public class SearchProductsController : ApiController
{
    [HttpGet]
    public async Task<IEnumerable<string>> Get([FromUri(Name = "q")] string query)
    {
        return new[] {"value1-" + query, "value2-" + query};
    }
}

测试网址： http://localhost:xxxx/Api/SearchProducts?q=abc

如果您可以让 API 正常工作，您可以返回客户端。

$(document).ready(function () {
    var query = $('#productQuery').val();
    alert("Start.");
    var uri = 'api/SearchProducts?q=abc';
    $.get(uri, function (data) {
        alert("Load was performed.");
    });
});

[FromUri(Name = "cat")]string[] categories=null 如果你想发送数组，你想使用 HttpPost 而不是 HttpGet。

【讨论】：

我有 SearchProductsController 这只是一个简单的 mvc 控制器和 SearchController 这是 ApiController 所以 uri 应该看起来像 api/Search?q=abc 吗？
Controller名字应该是名词，Action 方法名应该是动词。请遵循一般命名约定。在从数据库或第三方 API 返回数据之前，让 API 和客户端都使用静态值。

【解决方案2】：

var uri = 'api/search.products?q=abc';

应该有问题

var uri = 'api/search/products?q=abc';

【讨论】：

【解决方案3】：

在 JavaScript 代码中，您应该使用 @Url.Action 来构建正确的路径，如下所示：

$(document).ready(function () {
var query = $('#productQuery').val();
alert("Start.");
var uri = '@Url.Action("searchProducts","SearchController")' + '?q=abc';
$.get(uri, function (data) {
        alert("Load was performed.");
});
});

【讨论】：