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

Question

i have created the login page for my web application using php, where i converted the result into json and grabed the list with jquery. Now my problem is that the list is a hyperlink to another page. So when user selects a name from the list, they should be redicted to another page and see all the information in ragards to that patient. But i dont know how i can grab and display the selected patient on another page.

Ideally i am thinking of creating another function which gets the json results from php file and saves it in an jquery array. Now when the user selects a patient. The id of the patient will then be compared with the one in the list, so if it matches up, then display everything related to that patient but on another page.

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

Take a look at my other answer: jQuery Mobile: Sending data from one page to the another, there you will find several solutions to your problem.

Basically you want something like this: 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);
});