jQuery 地址 - 表单提交后重定向

Question

我使用 jQuery 和 AJAX 将链接和表单中的内容加载到内容 div 中。此外，我使用 Address 插件来启用后退按钮和刷新。在服务器端我使用 Java 和 Spring MVC。

由于我使用 jQuery Address 和 AJAX，直接加载的唯一页面是“index.html”。其他所有内容都加载到内容 div 中，并且在哈希中指定要加载的页面，即。 “index.html#/users/add.html”将加载“users/add.html”。

现在，“users/add.html”包含一个用于创建新用户的表单。当表单提交并且一切正常时，控制器重定向到“users/index.html”。问题是 jQuery Address 不知道重定向，因此 url 将保留“index.html#/users/add.html”。当您刷新页面然后返回到表单而不是索引页面时，这是一个问题。

有办法解决这个问题吗？

谢谢，
斯蒂安

Answer 1

看一下新的表单示例。这是非常基本的，但可能会有用。
http://www.asual.com/jquery/address/samples/form/< /a>

在您的情况下，您将无法使用 $('form').address() 函数，因为您需要在服务器响应返回后更改地址。

您可以使用 data.redirect 属性来检测潜在的响应重定向：
如何在 jQuery Ajax 之后管理重定向请求致电

Answer 2

我意识到我对问题的描述不是最好的，对此表示歉意。

我在另一个问题中重新表述了这个问题，没有得到答案，但我自己找到了解决方案。 :)

AJAX - 重定向后获取响应 URL

Answer 3

首先，我像这样初始化我的表单：

  $('FORM').submit(function () { 
     shareData = $(this).serializeArray();     
     $.address.value($(this).attr('action'));
  })

在我的更改方法中有类似的东西之后：

$.address.change(function(event) {

    if (event.path != '/' && event.parameters.layout_to_use != undefined) {

        // if no json, load don't do a post request
        shareData = _arrayToJson(shareData);;

        $('#areatoreload')
            .html('<span style="background-color:red;">loading...</span>')
            .load('myscript.php', shareData, function() {});
    }
    return false;
});

我以相同的方式管理我的链接。我希望它能帮助你。 shareData 不是一个很好的方法，但我暂时没有找到其他方法。这段代码没有经过测试，我只是提取了我自己代码的一部分。