所以我有一个简单的 WebAPI Controller ......
[HttpGet]
public string Demo()
{
System.Diagnostics.Debug.Print("API Demo call hit " + DateTime.Now.ToString());
return "Got Here";
}
由于调试输出,我可以看出它实际上是从我的 JavaScript 中调用的。所以我知道我的脚本至少正在连接。我还知道,如果我在线上放置一个中断..脚本(html 页面)会暂停并等待,直到我让代码继续。他们正在讨论,但我有两个问题......
1) 每次我进行发送调用时,我都会收到脚本错误“NetworkError: 无法在 'XMLHttpRequest' 上执行 'send': 无法加载 ' http://localhost:64769/api/demo '”...即使我知道它是与它交谈。但我确实注意到,如果我不捕获错误,脚本将在“发送”行失败并且不会继续。
2) 然而,由于错误陷阱,脚本确实继续(如预期),但 XMLHttpRequest 没有我的返回。 (例如,responseText 为空)..几乎对象的每个属性都是空白或 null。
所以我认为我的回复是空的,因为“发送”有问题。然而,因为它实际上正在调用我的 Controller 并等待它运行,所以我不知道问题是什么?
这是我的脚本...
function CallWebAPI()
{
var displayResults = document.getElementById('responseDetails');
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://localhost:64769/api/demo", false);
try
{
xmlhttp.send();
}
catch(err)
{
displayResults.innerHTML += err + "<br />";
}
displayResults.innerHTML += "The Results...<br />";
for (var key in xmlhttp)
{
displayResults.innerHTML += key + "---" + xmlhttp[key] + "<br />";
}
}
最佳答案
全部,
折腾了一天半,终于搞清楚了。我想我正在从桌面运行一个 HTML 文件,而我的 Web 服务正在 http://localhost:64769 上运行。 .
这是跨域的事情之一。在 .NET 中使用 HTTP 客户端时,我不必处理这个问题。但是一旦我尝试使用 .NET 以外的客户端,我的 Web 服务实际上会响应。但是客户端浏览器不会接受响应。
修复方法是将我的 api 服务更改为...
[HttpGet]
public HttpResponseMessage Demo()
{
string myReturnMessage = "API Demo call hit " + DateTime.Now.ToString();
System.Diagnostics.Debug.Print(myReturnMessage);
HttpResponseMessage myReturn = this.Request.CreateResponse(System.Net.HttpStatusCode.OK, myReturnMessage);
//This was the KEY!!!!
myReturn.Headers.Add("Access-Control-Allow-Origin", "*");
return myReturn;
}
关于javascript - 尝试使用 Javascript 调用我的 MVC WebAPI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42404543/