參考博客: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 里面的 而且不是對象, 是字符串的顯示方式