6

我正在用 asp .net mvc 3 建立一个网站。

我正在尝试创建一个简单的切换按钮，可用于“添加到收藏夹”和“从收藏夹中删除”。但是，如果用户已登录，我只需要此功能，否则我想将他引导到“登录”页面。

切换按钮效果很好，但它不检查用户是否登录。如果用户未登录，则单击该按钮会切换但不会更新数据库。我希望它指向登录页面。

我的代码如下：

看法：

<div class="save-unsave-link">
    @if(Model.IsPropertySaved) {
        @Html.ActionLink("Remove Property", "RemoveSavedProperty", "Property", new { id = Model.Property.PropertyId }, new { @class="unsave-property", onclick = "saveProperty();" })      
    } else {
        @Html.ActionLink("Save Property", "AddSavedProperty", "Property", new { id = Model.Property.PropertyId }, new { @class="save-property", onclick = "saveProperty();" })
    }
</div>

jQuery：

function saveProperty() {
    $('.save-unsave-link').delegate("a", "click", function (e) {
        var id = $(this).attr('href').match(/\d+/);
        if ($(this).hasClass('unsave-property')) {
            $.ajax({
                url: this.href,
                dataType: "text json",
                type: "POST",
                data: {},
                success: function (data, textStatus) { }
            });
            $(this).removeClass().addClass("save-property")
                .attr('href', '/Property/RemoveSavedProperty/' + id)
                .text('Remove Property');
            e.preventDefault();
        } else {
            var id = $(this).attr('href').match(/\d+/);
            $.ajax({
                url: this.href,
                dataType: "text json",
                type: "POST",
                data: {},
                success: function (data, textStatus) { }
            });
            $(this).removeClass().addClass("unsave-property")
                .attr('href', '/Property/AddSavedProperty/' + id)
                .text('Save Property');
            e.preventDefault();
        }
    });
}

控制器：

//
// POST: /Property/AddSavedProperty
[HttpPost]
[Authorize]
public void AddSavedProperty(int id)
{
    websiteRepository.AddSavedProperty(id);
}

//
// POST: /Property/RemoveSavedProperty
[HttpPost]
[Authorize]
public void RemoveSavedProperty(int id)
{
    websiteRepository.RemoveSavedProperty(id);
}

如何检查用户是否在 ajax 发布之前登录？如果他没有登录，那么我如何将他引导到登录页面？

4

2 回答 2

4

如果用户没有登录，为什么不直接渲染一个指向你的登录操作的链接呢？您根本不需要 jQuery——当您在第一次呈现页面时已经可以确定用户是否登录时，Ajax 调用完全是多余的。

@if (User.Identity.IsAuthenticated)
{
    @Html.ActionLink("Save Property", "AddSavedProperty", "Property", new { id = Model.Property.PropertyId },
        new { @class="save-property", onclick = "saveProperty();" })
}
else
{
    @Html.ActionLink("Save Property", "Login", "Login",
        new { returnUrl = ViewContext.HttpContext.Request.Url.PathAndQuery }, null)
}
于 2012-11-21T21:48:56.407 回答
1

您可以在所有 ajax 调用后运行一个函数并验证页面是否被重定向，例如，如果您的登录页面具有如下的 h2 标题：

<h2>Log On</h2>

您可以检测到它并重定向自己：

$(document).ajaxComplete(function (e, xhr) {
    if(xhr.responseText.indexOf("<h2>Log On</h2>") != -1) {
       // redirect code here
    }
});
于 2012-11-21T22:14:40.023 回答