获取请求未发送

时间:2017-03-07 15:05:26

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

我是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();
    }

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

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

var uri =&#39; api / search.products?q = abc&#39;;

它应该是

的问题

var uri =&#39; api / search / products?q = abc&#39;;

答案 2 :(得分:0)

在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.");
});
});