Question

我已经使用php为我的Web应用程序创建了登录页面，我将结果转换为json并使用jquery对列表进行了抓取。现在我的问题是列表是到另一个页面的超链接。因此，当用户从列表中选择一个名称时，他们应该被删除到另一个页面并查看该病人的所有信息。但我不知道如何在另一页上抓取并显示所选患者。

理想情况下，我正在考虑创建另一个从php文件获取json结果并将其保存在jquery数组中的函数。现在，当用户选择患者时。然后将患者的ID与列表中的ID进行比较，如果匹配，则显示与该患者相关的所有内容，但在另一页上显示。

var url = 'http://brandon.walesalami.com/nurseD.php';
$.get(url,function (data){
   //var renderHtml = '<div data-role="list-view"></div>';
   var listView = $('<ol data-role="listview" data-inset="true"></ol>');
    for (var i in data.patient)
        {
            var li = $('<li class="patientSel"><a href="#profile" class="' + data.patient[ i ].id + '">' + data.patient[ i ].name + '</a></li>').appendTo(listView);
        }
        $('#co').replaceWith(listView); 
    }, 'json');

Answer 1

看看我的另一个答案：jQuery Mobile: Sending data from one page to the another，你会找到解决问题的几个方法。

基本上你想要这样的东西：http://jsfiddle.net/Gajotres/eAYB9/

$(document).on('pagebeforeshow', '#index', function(){       
    $('#test-listview li a').each(function(){
        var elementID = $(this).attr('id');      
        $(document).on('click', '#'+elementID, function(event){  
            if(event.handled !== true) // This will prevent event triggering more then once
            {
                localStorage.itemID = elementID; // Save li id into an object, localstorage can also be used, find more about it here: https://stackoverflow.com/questions/14468659/jquery-mobile-document-ready-vs-page-events
                $.mobile.changePage( "#second", { transition: "slide"} );
                event.handled = true;
            }              
        });
    });
});

$(document).on('pagebeforeshow', '#second', function(){       
    $('#second [data-role="content"]').html('You have selected Link' + localStorage.itemID);
});

Answer 2

只需使用 jQuery Mobile Local Storage ，

jQuery Mobile - adding Local Storage
How to use HTML5 local storage with jQuery Mobile

使用jquerymobile和php创建移动应用程序

2 个答案: