為什么通過Ajax調用控制器時頁面沒有刷新

Question

這是我執行控制器的JavaScript / ajax回調的標記。 我想做的是讓此單擊功能激活一個選項卡組件，並在Controller中執行操作。

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" onclick="setCert(0);" data-toggle="tab">Registered</a></li>
    <li><a href="#tab2" onclick="setCert(1);" data-toggle="tab">Certified</a></li>
</ul>

這是JavaScript

   function setCert(cert){
        $.ajax({
            url: '/Home/CommunitiesLanding/' + cert,
            type: "GET",
            traditional: true,
            contentType: "application/json",

            success: function () {

                console.log('success!!');
            }
        });

最后是我的控制器：

 public ActionResult CommunitiesLanding(int id)
    {
        var model = new CommunitiesViewModel();
        var comm = new List<CommunityPoints>();
        var mapPoints = new List<CommunityPoints>();
        var mapPoints2 = new List<CommunityPoints>();
        var regComm = new List<Registered>();
        var certComm = new List<Certified>();
        var locationService = new GoogleLocationService();
        var communites = db.Communities.Where(x => x.Certified != true).OrderBy(x => x.CommunityState).ToList();
        var certCommunities = db.Communities.Where(x => x.Certified == true).OrderBy(x => x.CommunityState).ToList();
        var statecd = communites[0];
        var statecd2 = statecd.CommunityState;

        if (id == 0)
        {

            // Collect the Registered communites data
            foreach (var c in communites)
            {
                if (statecd2 != c.CommunityState)
                {
                    var reg = new Registered();
                    reg.state = statecd2;
                    reg.points = comm;
                    regComm.Add(reg);
                    comm = new List<CommunityPoints>();
                    statecd2 = c.CommunityState;
                }

                var communityPts = new CommunityPoints();
                var points = locationService.GetLatLongFromAddress(c.CommunityZip);
                communityPts.CommunityId = c.CommunityId;
                communityPts.CommunityName = c.ComunityName;
                communityPts.latitude = points.Latitude.ToString();
                communityPts.longitude = points.Longitude.ToString();
                communityPts.state = c.CommunityState;
                comm.Add(communityPts);
                mapPoints.Add(communityPts);

            }

            // Collect the very last collection of state data
            var Lastreg = new Registered();
            Lastreg.state = statecd2;
            Lastreg.points = comm;
            comm = new List<CommunityPoints>();
            regComm.Add(Lastreg);

        }
        else
        {
            // Collect Data For the Certified Communites
            statecd = certCommunities[0];
            statecd2 = statecd.CommunityState;
            foreach (var c in certCommunities)
            {
                if (statecd2 != c.CommunityState)
                {
                    var cert = new Certified();
                    cert.state = statecd2;
                    cert.points = comm;
                    certComm.Add(cert);
                    comm = new List<CommunityPoints>();
                    statecd2 = c.CommunityState;
                }

                var communityPts = new CommunityPoints();
                var points = locationService.GetLatLongFromAddress(c.CommunityZip);
                communityPts.CommunityId = c.CommunityId;
                communityPts.CommunityName = c.ComunityName;
                communityPts.latitude = points.Latitude.ToString();
                communityPts.longitude = points.Longitude.ToString();
                communityPts.state = c.CommunityState;
                comm.Add(communityPts);
                mapPoints2.Add(communityPts);
            }

            // Collect the very last collection of state data
            var Lastcert = new Certified();
            Lastcert.state = statecd2;
            Lastcert.points = comm;
            comm = new List<CommunityPoints>();
            certComm.Add(Lastcert);
        }

        model.regCommunities = regComm;
        model.cerCommunities = certComm;
        model.regPoints = mapPoints;
        model.certPoints = mapPoints2;
        return View(model);
    }

Answer 1

如果您的目標是發出AJAX請求以初始化一些數據，然后在服務器完成處理后將用戶重定向到新初始化的頁面，則可以更新AJAX函數以在成功時重定向：

function setCert(cert) {
    var url = '/Home/CommunitiesLanding/' + cert;
    $.ajax({
        url: url,
        type: "GET",
        traditional: true,
        contentType: "application/json",
        success: function () {
           // redirect user to URL
           location.href = url;
        }
    });
}

但是，如果您不需要初始化數據並事先等待數據完成，則直接重定向用戶可能更有意義：

function setCert(cert) {
   location.href = '/Home/CommunitiesLanding/' + cert;
}