[英]How to fix “ERR_ABORTED 400 (Bad Request)” error with Jquery call to C# WCF service?
我創建了一個簡單的C#WCF服務,該服務返回帶有html代碼的字符串。 當我在WCF解決方案中通過簡單的MVC項目使用此服務時,everythigs可以正常工作。
public class ConnectorService : IConnectorService
{
public string GetData()
{
return "<a href='www.test.com.br'>test</a>";
}
}
[ServiceContract]
public interface IConnectorService
{
[OperationContract]
string GetData();
}
測試完成后,我在本地IIS中發布了該服務,並嘗試使用不在WCF解決方案內部但位於該服務的同一IIS目錄中的html頁面使用該服務。
<html>
<head>
<title>test</title>
<script src='Scripts/jquery-3.3.1.min.js'></script>
</head>
<body>
<div id='divContent'></div>
</body>
</html>
<script type='text/javascript'>
$(document).ready(function () {
$.ajax({
url: 'http://localhost/ConnectorService.svc/GetData',
contentType: 'application/json; charset=utf-8',
type: "GET",
dataType: 'jsonp',
success: function (data) {
$('#divContent').html(data);
},
error: function (error) {
alert("error: status - " + error.status + " | text: " + error.statusText);
}
});
});
</script>
當我在瀏覽器中打開此html文件時,出現2個錯誤:
1)CORS政策-我使用global.asax文件修復了該問題
protected void Application_BeginRequest(object sender, EventArgs e)
{
if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
{
HttpContext.Current.Response.AddHeader("Cache-Control", "no-cache");
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST");
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
HttpContext.Current.Response.End();
}
}
2)錯誤400-錯誤的請求我嘗試了幾種堆棧溢出的解決方案,通常對ajax調用,global.asax和web.config文件進行了更改,但是在chrome控制台中總是出現錯誤的請求錯誤。
<?xml version="1.0"?>
<configuration>
<appSettings>
<add key="aspnet:UseTaskFriendlySynchronizationContext" value="true" />
</appSettings>
<system.web>
<compilation debug="true" targetFramework="4.7.2" />
<httpRuntime targetFramework="4.7.2"/>
</system.web>
<system.serviceModel>
<behaviors>
<serviceBehaviors>
<behavior>
<!-- To avoid disclosing metadata information, set the values below to false before deployment -->
<serviceMetadata httpGetEnabled="true" httpsGetEnabled="true"/>
<!-- To receive exception details in faults for debugging purposes, set the value below to true. Set to false before deployment to avoid disclosing exception information -->
<serviceDebug includeExceptionDetailInFaults="true"/>
</behavior>
</serviceBehaviors>
</behaviors>
<protocolMapping>
<add binding="basicHttpsBinding" scheme="https" />
</protocolMapping>
<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />
</system.serviceModel>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Credentials" value="true" />
<add name="Access-Control-Allow-Headers" value="Content-Type,Accept" />
<add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS" />
</customHeaders>
</httpProtocol>
<modules runAllManagedModulesForAllRequests="true"/>
<!--
To browse web app root directory during debugging, set the value below to true.
Set to false before deployment to avoid disclosing web app folder information.
-->
<directoryBrowse enabled="true"/>
</system.webServer>
</configuration>
我相信這是一個簡單的問題,有一個簡單的解決方案,但是經過幾天的測試,我覺得自己正在追逐自己的尾巴。 有人可以為此提供解決方案嗎?
提前致謝。
調用有問題。 通常,我們通過使用客戶端代理類而不是直接發送http請求來調用典型的WCF服務。
$.ajax({
url: 'http://localhost/ConnectorService.svc/GetData',
contentType: 'application/json; charset=utf-8',
type: "GET",
dataType: 'jsonp',
success: function (data) {
$('#divContent').html(data);
},
error: function (error) {
alert("error: status - " + error.status + " | text: " + error.statusText);
}
這種通過直接發送http請求來調用服務的樣式通常適用於Restful樣式服務,請參考以下鏈接。
https://docs.microsoft.com/en-us/azure/architecture/best-practices/api-design
Asp.net WebAPI和WCF都可以創建Restful樣式服務。
https://docs.microsoft.com/en-us/aspnet/web-api/
https://docs.microsoft.com/en-us/dotnet/framework/wcf/feature-details/wcf-web-http-programming-model-overview
根據您的示例,我們可以將WCF服務更改為Restful樣式,然后我們可以通過直接發送http請求來調用它。
接口。
[ServiceContract]
public interface IService1
{
[OperationContract]
[WebGet(RequestFormat =WebMessageFormat.Json,ResponseFormat =WebMessageFormat.Json)]
string GetData(int value);
}
服務。
public class Service1 : IService1
{
public string GetData(int value)
{
return "<a href='www.test.com.br'>test</a>";
}
}
Web.config文件
<system.serviceModel>
<behaviors>
<serviceBehaviors>
<behavior>
<serviceMetadata httpsGetEnabled="true" httpGetEnabled="true"/>
<serviceDebug includeExceptionDetailInFaults="true"/>
</behavior>
</serviceBehaviors>
<endpointBehaviors>
<behavior>
<webHttp />
</behavior>
</endpointBehaviors>
</behaviors>
<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />
<protocolMapping>
<add scheme="http" binding="webHttpBinding"/>
</protocolMapping>
</system.serviceModel>
結果(通過在瀏覽器中鍵入地址來訪問URL是Http Get請求)。
另外,我們通過發送Ajax請求來調用它。
$.ajax({
method:"Get",
url: "http://10.157.13.69:11000/Service1.svc/GetData?value=34",
contentType:"application/json"
}).done(function(data){
console.log(data);
})
請隨時告訴我是否有什么我可以幫助的。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.