对Web API执行Ajax调用时引发错误

Question

我有以下基本代码。 我尝试调试此代码，但是javascript调试起来非常痛苦，而且我不知道它在哪里失败：

 jQuery.support.cors = true;
            var packet = {
                Image: imageAsString,
                PhnType: phoneType,
                PhnMdl: phoneManufacturer
            };
            $.ajax({
                url: "https://molecheckerservices2.azurewebsites.net/api/Testing/SubmitTestingData",
                type: "POST",
                dataType: "json",
                data: JSON.stringify({ packet }),
                success: function(data, textStatus, xhr) {
                    alert('yes');
                    window.localStorage.setItem("dataObject", JSON.stringify(data));
                    window.location = "results.html";
                },
                error: function (xhr, textStatus, errorThrown) {
                    alert('no');
                    window.localStorage.setItem("dataObject", JSON.stringify([.33, .33, .33]));
                    window.location = "results.html";
                }

它给了我一个警告号，它对应于一个失败。 另外，当我调试时，我在Javascript控制台中看到该错误：

加载资源失败：服务器响应状态为400（错误请求）

弹出。 我试图查明这是什么意思，但是对于任何有关问题的建议我将非常感谢！

Answer 1

打开Fiddler并手动POST到您的端点。 如果这样做，您将看到与我看到的相同的错误消息： {"message":"No API version was specified in the request, this request needs to specify a ZUMO-API-VERSION of '2.0.0'. For more information and supported clients see: http://go.microsoft.com/fwlink/?LinkId=690568#2.0.0"}

它为您提供了便利的链接。 另外， 这是一个可能适用于您的SO答案 。

我确实添加了上面提到的标头，重新发送了请求，我从您的服务中收到了200甜蜜的响应，所以我很确定这是您的问题。

PS：如果您不希望随机陌生人像我刚才那样将数据插入到您的应用程序中，则应该保护您的服务，或者至少在公共场合提及URL时混淆URL。