2

如何在两个 jQueryMobile 页面之间传递用户名之类的变量？

或者两个常规页面，将变量设置为全局不起作用，因为在下一次包含时，它会将变量设置回 null。

如何在两个 html 页面之间传递一个全局变量？

4

4 回答 4

6

我通常使用本地存储，您也可以存储对象。前任：

var userInfo = {
            "username": "Bob",
            "roleName": "Admin",
            "image": "img/userPic.jpg",
        };

        //Store the object in local storage
        localStorage.setItem('loggedUser', JSON.stringify(userInfo));

然后在另一页上，您可以简单地执行以下操作：

var userInfo = JSON.parse(localStorage.getItem("loggedUser"));
var userName = userInfo.username;
于 2012-05-24T15:40:57.147 回答
1

只要在两个页面之间的超链接上禁用 ajax，就可以在查询字符串中传递它。

<a href="nextPage.php?username=joe" data-ajax="false">Next page</a>

您错过了 jQuery 移动转换的有益功能，但至少您可以成功地在页面之间传递变量。

更新：

从文档中：

在页面之间传递参数：

jQuery Mobile 不支持将查询参数传递给内部/嵌入式页面...

然后文档继续建议我没有尝试过的两个插件。页面参数插件和jquery 移动路由插件。

请务必查看上面链接的文档页面，以了解为什么传递参数不应该起作用的解释，但是如果您在没有散列的情况下加载页面（通过禁用 ajax 行为），那么您应该没问题 - 至少根据我的经验。

于 2012-05-24T14:08:06.080 回答
1

您可以通过查询字符串或客户端路由使用 URL，可以使用 localStorage（假设它们在同一个域上），也可以使用 cookie。

如果您决定使用客户端路由，则有一个专门用于 JQM 的插件，它与不同的 JQM 页面事件相关联

https://github.com/azicchetti/jquerymobile-router

于 2012-05-24T14:08:08.117 回答
0

您可以像 JQM 存储自己的配置一样存储变量以供全局使用。只需在“mobileinit”的 $.mobile 下创建您自己的 javascript 对象，并将其用于您的全局变量：

    <!DOCTYPE html> 
    <html>
    <head>

        ...

        <script> // position before jquery.mobile.js is important for 'mobileinit' to fire
            $( document ).on( "mobileinit", function( event ) {

                //create global variable storage
                $.mobile.YourApplicationNameHere = {};

                //use it like this anywhere in your code:
                $.mobile.YourApplicationNameHere.globalVar1 = 1;
                $.mobile.YourApplicationNameHere.globalVar2 = 2;
                console.log("globalVar1 = " + $.mobile.YourApplicationNameHere.globalVar1);

            });
        </script>

        <script src="jquery/jquery.mobile-1.4.5.min.js"></script>

        ...

    </head>
        ...
    </html>

您可以在任何地方初始化全局变量，但“mobileinit”是 JQM 最早的初始化点。

于 2015-03-28T12:11:15.290 回答