无法使用 jQuery post 数据到 Web api 而 Postman 工作正常

Question

我创建了一个 asp.net 网站 api 并将其托管在 public 网站上。使用 Postman，我可以 post 将数据 API 添加到本地主机或 public 网站上的运行。但是，当我尝试使用 jquery 使用示例 asp.net 网络表单应用程序 post 数据时，它不起作用。当我尝试使用本地主机时，出现此错误：{"readyState":4,"status":404,"statusText":"error"}。当我在 public 站点上尝试运行时，我没有得到任何响应，并且既没有到达 jquery 代码中的成功部分，也没有到达错误部分。我当前的 jquery 代码如下：

function sendJSON(parameters) {
        
        $.ajax({
            url: "http://localhost:49918/SendOrder",
            type: "POST",
            contentType: "application/json;odata=verbose",
            headers: { 'Access-Control-Allow-Origin': '*' },
            crossDomain: true,
            data:jsonData,
            dataType: 'JSONP',
            success: function (data) {
                alert("success");
                console.log('success');
            },
            error: function (data) {
                alert("error: " + JSON.stringify(data));
                console.error('error');
            },
            beforeSend: function (xhr) {

                xhr.setRequestHeader("Authorization", "Bearer 438590.B089699E7990B9ECCA9E58EA823B0A57");
            }
        });
    
    }

我从 Postman 复制了不记名令牌。我也试过没有 beforeSend 部分。

Answer 1

我已将以下行添加到 AJAX。此外，我通过以下出色的 link 在 Web API 上启用了 CORS：https://docs.microsoft.com/en-us/aspnet/web-api/overview/security/enabling-cross-origin-requests-in-web-api

异步：错误，

更新后的代码如下：

$.ajax({
            type: 'POST',
            url: 'http://localhost:49918/SendOrder',                
            dataType: 'json',
            async: false,                
            data: JSON.stringify(jsonData),
            contentType: "application/json",
        success: function(data) {
            alert("Success: " + data);
        },
        error: function (data) {
            alert("error: " + JSON.stringify(data));
        }
            
        });

无法使用 jQuery post 数据到 Web api 而 Postman 工作正常

Unable to post data to web api using jQuery while Postman works fine

jquery

asp.net-web-api