如何将JSON数据数组从一个HTML页面传递到另一HTML页面?

极客

我正在为用户创建个人资料页面。我有两个html页面:page1:login.htmlpage2:profile.html我们从一页:1登录,成功登录后,它将重定向到userProfile页:2。我正在以JSON的形式将用户信息从第1页发送到第2页,例如姓名,地址,手机号码,电子邮件ID等,

我想使用会话,而不是localStorage

JSON的格式为

[{"userInfo":{"id":"1","username":"nee","Name":"Neelabh", "address":"Bangalore","Email":"[email protected]"}}]

我使用以下参考资料寻求帮助:JqueryMobile(JQM),Json并将数据传递到新页面

登录页面中的JavaScript:

 <script type="text/javascript">     
    $(document).ready(function(){       
                var userData = {
                 storeUserDataInSession: function(userData) {
                     var userObjectString = JSON.stringify(userData);                         
                window.sessionStorage.setItem('userObject',userObjectString)
                 },
                 getUserDataFromSession: function() {
                     var userData = window.sessionStorage.getItem('userObject')
                     return JSON.parse(userData);
                 }
                }   

               $("#register-form-header").submit(function(){            

                var uName = $('#userName').val();               
                var upassd=$('#password').val();            

                $.ajax({                                        
                    url:"http://localhost/login/login.php",                     
                    type:"POST",
                    dataType:"json",
                    data:{type:"login",uName:uName,password:upassd},                    

                    ContentType:"application/json",
                    success: function(response){    
                        $.each(response, function(index,value){                           


                        }); 
                        //alert(JSON.stringify(response[0]));

               userData.storeUserDataInSession(response);

                        window.location = 'userProfile.html';   
                        return false;                                   
                    },
                    error: function(err){                           
                        //alert(JSON.stringify(err));
                        alert("fail");
                        window.location.href = 'error.html';
                    }           
                });
                return false; 

        });
        //loadJSON(0);
    });
</script> 

个人资料页面中的javascript

<script>

  $( document ).ready(function() {
       var userData = {
         storeUserDataInSession: function(userData) {
             var userObjectString = JSON.stringify(userData);
             window.sessionStorage.setItem('userObject',userObjectString)
         },
         getUserDataFromSession: function() {
             var userData = window.sessionStorage.getItem('userObject')
             return JSON.parse(userData);
         }
        } 

        var userDataObject=userData.getUserDataFromSession();
        var data=userDataObject[0].userInfo.username;           
        alert(data);            
  }); 
</script>

此个人资料页面成功完全能够打印HardcodedInfo“ Neelabh”,我不知道如何将JSON数据数组发送到其他页面,请检查我是否提到了Json Data数组

PHP代码

$result=mysql_query($query);
            $totalRows=mysql_num_rows($result); 
            if($totalRows>0){
                $recipes=array();
                while($recipe=mysql_fetch_array($result, MYSQL_ASSOC)){
                    $recipes[]=array('userInfo'=>$recipe);
                }
                echo json_encode($recipes);         
            }   

上面的代码是工作代码感谢Mateusz Majewski

马特乌斯·马耶夫斯基(Mateusz Majewski)
var userData = {
 storeUserDataInSession: function(userData) {
     var userObjectString = JSON.stringify(userData);
     window.sessionStorage.setItem('userObject',userObjectString)
 },
 getUserDataFromSession: function() {
     var userData = window.sessionStorage.getItem('userObject')
     return JSON.parse(userData);
 }
}

然后在您的success()回调中

userData.storeUserDataInSession(response);

检索您运行的数据

userData.getUserDataFromSession()

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将JSON数据数组从一个HTML页面传递到另一HTML页面?

来自分类Dev

如何将数据从一个 html 页面传递到另一个页面?

来自分类Dev

如何将数据从html页面传递到另一个页面?

来自分类Dev

如何将值从一个HTML传递到另一个HTML页面?

来自分类Dev

如何使用javascript将数据从一个html页面传递到另一页面?

来自分类Dev

如何将js值从一个html页面传递到另一个

来自分类Dev

如何使用angularJs将json响应从一个html页面传递到另一个html页面?

来自分类Dev

如何在Phonegap中使用JavaScript将数据从一个html传递到另一个html页面?

来自分类Dev

如何在Phonegap中使用JavaScript将数据从一个html传递到另一个html页面?

来自分类Dev

将表单数据从一个 html 页面传递到另一个 html 页面和烧瓶中的数据

来自分类Dev

将 javascript 对象变量从一个 HTML 页面传递到另一个页面

来自分类Dev

通过JavaScript将变量从一个html页面传递到另一页面

来自分类Dev

如何将值从一个jsp传递到另一个jsp页面?

来自分类Dev

如何将错误数组从一个PHP文件传递到另一个文件,并在页面顶部显示错误?

来自分类Dev

如何将错误数组从一个php文件传递到另一个文件,并在页面顶部显示错误?

来自分类Dev

将数据从一个html传递到另一个html的问题

来自分类Dev

如何使用javascript将数据从一个html页面传输到另一页面

来自分类Dev

将变量从一个jsp页面传递到另一个页面?

来自分类Dev

如何将数据从一个数组列表传递到另一数组列表

来自分类Dev

如何从一个HTML页面到另一个HTML页面进行功能?

来自分类Dev

如何将生成的变量从一个html文件传递到另一个

来自分类Dev

如何将生成的变量从一个html文件传递到另一个

来自分类Dev

如何将生成的变量从一个html文件传递到另一个

来自分类Dev

如何将对象从一个Onsen UI页面传递到另一页面?

来自分类Dev

如何将对象从一个Onsen UI页面传递到另一页面?

来自分类Dev

如何在单页应用程序中以角度将数据从一个页面传递到另一个页面

来自分类Dev

无法使用母版页将数据从一个内容页面传递到另一内容页面

来自分类Dev

将数据从一个Razor页面传递到另一页面而不使用路由参数

来自分类Dev

使用ajax将数据从一个PHP页面传递到另一页面

Related 相关文章

  1. 1

    如何将JSON数据数组从一个HTML页面传递到另一HTML页面?

  2. 2

    如何将数据从一个 html 页面传递到另一个页面?

  3. 3

    如何将数据从html页面传递到另一个页面?

  4. 4

    如何将值从一个HTML传递到另一个HTML页面?

  5. 5

    如何使用javascript将数据从一个html页面传递到另一页面?

  6. 6

    如何将js值从一个html页面传递到另一个

  7. 7

    如何使用angularJs将json响应从一个html页面传递到另一个html页面?

  8. 8

    如何在Phonegap中使用JavaScript将数据从一个html传递到另一个html页面?

  9. 9

    如何在Phonegap中使用JavaScript将数据从一个html传递到另一个html页面?

  10. 10

    将表单数据从一个 html 页面传递到另一个 html 页面和烧瓶中的数据

  11. 11

    将 javascript 对象变量从一个 HTML 页面传递到另一个页面

  12. 12

    通过JavaScript将变量从一个html页面传递到另一页面

  13. 13

    如何将值从一个jsp传递到另一个jsp页面?

  14. 14

    如何将错误数组从一个PHP文件传递到另一个文件,并在页面顶部显示错误?

  15. 15

    如何将错误数组从一个php文件传递到另一个文件,并在页面顶部显示错误?

  16. 16

    将数据从一个html传递到另一个html的问题

  17. 17

    如何使用javascript将数据从一个html页面传输到另一页面

  18. 18

    将变量从一个jsp页面传递到另一个页面?

  19. 19

    如何将数据从一个数组列表传递到另一数组列表

  20. 20

    如何从一个HTML页面到另一个HTML页面进行功能?

  21. 21

    如何将生成的变量从一个html文件传递到另一个

  22. 22

    如何将生成的变量从一个html文件传递到另一个

  23. 23

    如何将生成的变量从一个html文件传递到另一个

  24. 24

    如何将对象从一个Onsen UI页面传递到另一页面?

  25. 25

    如何将对象从一个Onsen UI页面传递到另一页面?

  26. 26

    如何在单页应用程序中以角度将数据从一个页面传递到另一个页面

  27. 27

    无法使用母版页将数据从一个内容页面传递到另一内容页面

  28. 28

    将数据从一个Razor页面传递到另一页面而不使用路由参数

  29. 29

    使用ajax将数据从一个PHP页面传递到另一页面

热门标签

归档