jquery mobile从页面到页面传递变量

时间:2014-07-29 10:50:06

标签: javascript jquery jquery-mobile

我有这个用xml文件填充ListView的代码。

当我按下ListView中的一个项目时,我转到第2页。

如何将我在ListView中选择的人的Fname,Lname,Phone .....变量传递给page2?

<script>
        var ALL;
        var ID, Fname, Lname, Phone, Car;

        function XX() {

            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.open("GET", "DD.xml", false);
            xmlhttp.send();
            xmlDoc = xmlhttp.responseXML;

            $("#ZIBI").empty();

            var x = xmlDoc.getElementsByTagName("men");
            for (i = 0; i < x.length; i++) {

                try{ID = x[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue;}
                catch (err) { ID = "0";}
                try{Fname = x[i].getElementsByTagName("Fname")[0].childNodes[0].nodeValue;}
                catch (err) { Fname = "0"; }
                try{Lname = x[i].getElementsByTagName("Lname")[0].childNodes[0].nodeValue;}
                catch (err) { Lname = "0"; }
                try{Phone = x[i].getElementsByTagName("S_phone")[0].childNodes[0].nodeValue;}
                catch (err) { Phone = "0"; }
                try { Car = x[i].getElementsByTagName("car")[0].childNodes[0].nodeValue; }
                catch (err) { Car = "0"; }

                ALL = 
                      '<li>' +
                      '<a href="page2.html" data-transition="slidedown">' +
                      //'<a href="tel:' + Phone + '  data-icon="location">' +
                      '<img src="PIC/' + ID + '.jpeg">' +
                      '<p class="nam">' + Fname + " " + Lname + '</p>' +
                      '<p class="phn">' + Phone + '</p>' +
                      '<p class="crr">' + Car + '</p>' +
                      '</a>' +
                      '<a href="tel:' + Phone + '  data-icon="location" ></a>' +
                      '</li>' 

                $("#ZIBI").append(ALL);
                $("#ZIBI").listview("refresh");
            }
        }

    </script>

1 个答案:

答案 0 :(得分:1)

在新页面中,您可以使用以下内容:

var fullname = $(this).find('p.nam').text();
var phone    = $(this).find('p.phn').text();
var car      = $(this).find('p.crr').text();
单击链接的click处理程序中的

但是,如果您关闭了ajax导航,则上述操作无效。

$(document).on('click', 'li a', function() {
    //catch them here
});