.NET CORE WebApi Post跨域提交


參考博客:https://www.cnblogs.com/chongyao/p/8652743.html

 

搭建一個 .NET CORE 的 WebApi 想前后端分離, 於是為了簡單做了個demo站點 弄個 index.html 頁面 請求后台服務

   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

var par = fc.queryParams(1);

$.ajax({
method: 'Post',
url: 'http://127.0.0.1:52729/api/UI/GetReceivedDatas',
data: par,
dataType:"json",
contentType: 'application/x-www-form-urlencoded',
success: function (data) {
alert(data.errorMsg);
<!-- fc.tableInit(); -->
},
error: function (data) {
console.log("數據請求失敗");
}
});

 

 

queryParams: function (params) {
var param = {
PreId: Number(params.offset / params.limit) + 1,
PlatformNo: $("#PlatformNo").val(),
StartTime: $("input[name='StartTime']").val(),
EndTime: $("input[name='EndTime']").val(),
MessageType: $("#MessageType").val()
};

 

后端配置.

public void Configure(IApplicationBuilder app)
{
app.UseCors("any");

}

public IServiceProvider ConfigureServices(IServiceCollection services)
{

  

//配置跨域處理
services.AddCors(options =>
{
options.AddPolicy("any", builder =>
{
builder.AllowAnyOrigin() //允許任何來源的主機訪問
.AllowAnyMethod()
.AllowAnyHeader()
.AllowCredentials();//指定處理cookie
});
});

}

[HttpPost]
public T GetReceivedDatas([FromForm]SearchDatasInputDto dto)
{

return default(T);

}

postman 提交出現415 媒體類型不支持錯誤

 

參考別人博客改成 [FromForm]  而不是 [FromBody]

沒深入研究  'application/x-www-form-urlencoded', 和 'application/json'  的區別. 

'application/json' 提交數據的話 參數對象是在 request payload 里面的  而且不是對象, 是字符串的顯示方式

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM