未从 javascript ajax 调用 MVC Web Api

Question

我有一个正在尝试连接的 Durandal/热毛巾测试应用。我有以下 ajax 调用，但出现 404 错误。

GET http/.../api/Pizza/GetPizzasByOrderId?%22a8926610-a713-494c-bb15-46f6487a01c7%22 404（未找到）

我可以手动将网址更改为：

http/.../api/GetPizzasByOrderId?orderId=a8926610-a713-494c-bb15-46f6487a01c7

它有效。 但我想知道为什么另一个调用不起作用，或者更多，为什么 ajax 将 URL 中的参数弄乱了，而不是像复杂对象那样处理数据。 我有一个很好的获取和保存。 get 的参数为零，save 传入了一个复杂的对象。

C# Web API 控制器：

public class PizzaController : ApiController
{
    [HttpGet]
    public IEnumerable<Pizza> GetPizzasByOrderId(Guid orderId)
    {
        return DATA.GetPizzasByOrderId(orderId);
    }
}

JAVASCRIPT：

var dataCall = $.ajax(config.getPizzasByOrderIdUrl, {
    data: ko.toJSON(orderId),
    type: "get",
    contentType: "application/json"
});

我应该将我的 JavaScript 代码更改为以下内容并完成它还是有更好的方法与 Api 对话？

var getPizzasByOrderId = function (orderId) {
    return Q.when($.getJSON(config.getPizzasByOrderIdUrl + "?orderId=" + orderId));
};

Answer 1

您可以使用最后一个代码块中的代码，也可以传入一个对象来代替您的 orderId，如下面的代码块中所示。无论哪种方式，不同之处在于 orderId 参数被命名。

var dataCall = $.ajax({
  url: config.getPizzasByOrderIdUrl,
  type: "GET",
  data: {orderId : orderId},
});

关于为什么 $.ajax() 可以很好地用于您的 POST，您可以通过运行这两段代码并查看通过网络传输的请求来轻松检查这一点。我建议使用谷歌浏览器。

1. 加载已加载 jQuery 的页面
2. 打开开发者工具并进入控制台

3. 输入以下代码sn-p

   $.ajax("", { 数据：{orderId：123}， 类型：“获取”， 内容类型：“应用程序/json” });

4. 切换到网络标签并点击以 ?orderId=123 结尾的标签

5. 请注意，它确实将数据附加为查询字符串参数
6. 在上面的 sn-p 中，将“get”替换为“post”
7. 按 Enter 后，您应该会在开发者工具的网络选项卡上看到另一个请求。
8. 请注意，当只更改请求类型时，数据会从查询字符串移动到正文。如 cmets 中所述，WebApi 将从请求正文中提取并使用模型绑定器填充复杂对象。