$.Ajax 的成功方法在 ASP MVC 中不起作用

Question

我阅读了几乎所有关于该主题的帖子。但不幸的是我无法处理我的问题。这个问题至少对我来说真的很尴尬： 我有一个简单的 C# 代码来检索 ShoppingController 类中提交因素的跟踪状态，如下所示：

  public string StatusOfFactor( string guid )
    {
        // note that guid was being trimmed in javascript

        Factor factor = (from Factor fact in db.Factors
                         where fact.TrackingCode.ToString() == guid
                         select fact).First();
        return factor.StatusOfFactor;

我有一个 javascript 函数，它调用这个方法如下：

function TrackPurchase() {
    var txtTrackingPurchase = $("#inputpeygiry");
    var guid = $.trim(txtTrackingPurchase.val());
    var urlMain = 'ShoppingController/StatusOfFactor';
    alert(urlMain);

    $.ajax({
        type: 'GET',
        url: urlMain,
        cache: false,
        data:  guid,
        success: function (returnVal) { 
            alert("I am sucess function");
            $("#StatusOfFactor").html(returnVal);

        },
        error: function (e) {
            $("#StatusOfFactor").text("nothing is really exist");
        }
    });    
}

请注意，我有一个带有id="inputpeygiry" 的文本框，它接收用户的跟踪代码。上面的javascript函数是通过点击下面的按钮调用的：

  <input type="button" class="btn btn-success pull-left" id="btnpeygiry" value="Track Purchase" onclick="TrackPurchase()"/>

所以问题是成功函数永远不会调用！！！ 请大家帮我解决一下好吗？

Answer 1

您使用的是哪个版本的 jQuery？自 jQuery 3.0 起，回调方法被删除。您可以改用jqXHR.done()、jqXHR.fail() 和jqXHR.always()。

查看jQuery Get的文档

$.ajax({
    type: 'GET',
    url: urlMain,
    cache: false,
    data:  guid,
})
.done(function (returnVal) { 
    alert("I am sucess function");
    $("#StatusOfFactor").html(returnVal);

}).
fail(function (e) {
    $("#StatusOfFactor").text("nothing is really exist");
});

Answer 2

将GET 更改为POST，它应该适合您。

控制器代码变为：

[HttpPost]
public string StatusOfFactor( string guid )
{
    // note that guid was being trimmed in javascript
    Factor factor = (from Factor fact in db.Factors
                     where fact.TrackingCode.ToString() == guid
                     select fact).First();
    return factor.StatusOfFactor;
}

Javascript代码变成：

function TrackPurchase() {
var txtTrackingPurchase = $("#inputpeygiry");
var guid = $.trim(txtTrackingPurchase.val());
var urlMain = 'ShoppingController/StatusOfFactor';
alert(urlMain);
    $.ajax({
        type: 'POST',
        url: urlMain,
        cache: false,
        data:  guid,
        success: function (returnVal) { 
            alert("I am sucess function");
            $("#StatusOfFactor").html(returnVal);

        },
        error: function (e) {
            $("#StatusOfFactor").text("nothing is really exist");
        }
    });
}