当 Postman 工作正常时,无法使用 jQuery 将数据发布到 Web api

Posted

技术标签:

【中文标题】当 Postman 工作正常时,无法使用 jQuery 将数据发布到 Web api【英文标题】:Unable to post data to web api using jQuery while Postman works fine 【发布时间】:2021-09-21 02:47:00 【问题描述】:

我创建了一个 asp.net web api 并将其托管在一个公共网站上。使用 Postman,我可以将数据发布到此 Web API,无论是在本地主机上还是在公共站点上运行。但是,当我尝试使用 jquery 使用示例 asp.net Web 表单应用程序发布数据时,它不起作用。当我尝试本地主机时,我收到此错误:"readyState":4,"status":404,"statusText":"error"。当我尝试在公共站点上运行的那个时,我没有得到任何响应,也没有到达 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 部分。

【问题讨论】:

jsonData 定义在哪里?您的函数接受参数参数,但您没有在 ajax 请求中使用它。为了防止 CORS,需要在服务器端设置 Access-Control-Allow-Origin 标头,而不是在您的请求标头中。最后,您为 JSONP 使用了错误的 mime 类型。正确的 mime 类型是 application/javascript,而不是 application/json。 你必须至少显示你的Api操作代码和jsonData。 您将让服务器知道您发送到服务器的数据类型以及您期望服务器响应的数据类型。这是带有示例代码的 URL,供您试用。 ***.com/questions/2722750/ajax-datatype 【参考方案1】:

我在 AJAX 中添加了以下行。此外,我通过以下优秀链接在 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));
        
            
        );

【讨论】:

以上是关于当 Postman 工作正常时,无法使用 jQuery 将数据发布到 Web api的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 8 api post route 无法正常工作

当授权标题存在时,邮递员拒绝工作[关闭]

swagger 无法访问 OAuth2

当存在多个网络接口时,可访问性框架在检测接口类型时无法正常工作

使用 Postman 时 django-cors-header 无法按预期工作

当应用程序未激活(已终止)时,推送通知无法正常工作