ASP.NET/WebAPI：$ .ajax有404，而$ .getJSON有未捕獲的RangeError：超出了最大調用堆棧大小

Question

我正在使用ASP.NET Web API和一個C＃項目，嘗試從JavaScript進行調用。

這是我的JavaScript：

function LoadGraph() {
var file = document.getElementById("file-datas");
if ('files' in file)
{
    if (file.files.length == 0) {
        Console.log("Empty file");
    } else {
        var text = file.files;
        /*$.ajax({
            url: "api/Graph",
            type: "POST",
            dataType: "json",
            processData: false,
            contentType: false,
            data: $(text).serialize(),
            cache: false,
            success: function (data) {
                console.log(data);
            }
        })*/

        //$.getJSON('api/Graph', file, function (data) { console.log(data) });
    }
}

這是我的控制器：

[Authorize]
[RoutePrefix("api/Graph")]

public class GraphController : ApiController
{
    // POST: api/Graph
    [HttpPost]
    [Route("All", Name = "LoadGraph")]
    public IHttpActionResult LoadGraph(string text)
    {
        RecursiveGraph result = test.SecondMethodFruchterman(text);
        return Ok(result.name);
    }
}

如您所見，我在JavaScript中嘗試了兩種方法：

• 第一個帶有$ .ajax的地址為POST http://localhost:53497/Home/api/Graph 404 (Not Found) 。
• 第二個$ .getJSON導致Uncaught RangeError: Maximum call stack size exceeded 。

result.name是一個字符串，但是我想在解決這些問題並得到可行的結果后自行傳送結果。

• 我不知道兩種方法中的哪一種更好使用。
• 我不知道為什么我在$ .ajax上收到404錯誤，而在$ .getJSON上卻沒有。
• 而且我不知道為什么會收到此Max調用堆棧錯誤，因為它似乎在調用遞歸函數時出現，而不是這種情況。

Answer 1

第一個問題是解析的URL是POST http://localhost:53497/Home/api/Graph 404 (Not Found) ，這是錯誤的，因為您的URL實際上應該是http://localhost:53497/api/Graph 。 要解決此問題，請在AJAX網址前添加/ 。

第二個問題可能是服務器錯誤以文本形式返回到Web客戶端。 這可能是由於您的遞歸永遠不會終止。 我看不到該代碼的詳細信息，但是RecursiveGraph result提示了我。 我敢打賭，您的遞歸方法永遠不會終止，這肯定會使調用堆棧最大。

Answer 2

我認為您應該將ajax調用更改為：

$.ajax({
    url: '@Url.Action("LoadGraph", "Graph")',
    type: "POST",
    traditional: true,
    data: {
        text: $(text).serialize()
    },
    cache: false,
    success: function (data) {
        console.log(data);
   }
})

您得到404（未找到錯誤代碼），因為您的ajax發布網址api/Graph只是您引用的控制器

為什么甚至將控制器RoutePrefix更改為“ api / Graph”？ 這樣做有特殊原因嗎？

Answer 3

這是更正的代碼

//[Authorize]
[RoutePrefix("api/Graph")]
public class GraphController : ApiController
{
    // POST: api/Graph
    [Route("LoadGraph", Name = "LoadGraph")]
    public IHttpActionResult LoadGraph([FromBody] string text)
    {
        RecursiveGraph result = test.SecondMethodFruchterman(text);
        return Ok(result);
    }
}

我需要添加[FromBody]，因為字符串不是模型。