Javascript jquery mobile在页面之间传递变量
我有一个用xml文件填充ListView的代码 当我按下ListView中的一个项目时,我进入第2页 如何传递Fname、Lname、Phone。。。。。我在第2页的列表视图中选择的人员的变量?Javascript jquery mobile在页面之间传递变量,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我有一个用xml文件填充ListView的代码 当我按下ListView中的一个项目时,我进入第2页 如何传递Fname、Lname、Phone。。。。。我在第2页的列表视图中选择的人员的变量? <script> var ALL; var ID, Fname, Lname, Phone, Car; function XX() { if (window.XMLHttpRequest) {// code for
<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>
var-ALL;
变量ID、Fname、Lname、电话、汽车;
函数XX(){
if(window.XMLHttpRequest){//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
else{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
open(“GET”,“DD.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
$(“#ZIBI”).empty();
var x=xmlDoc.getElementsByTagName(“男性”);
对于(i=0;i”+
'' +
'' +
“”
$(“#紫璧”)。追加(全部);
$(#ZIBI”).listview(“刷新”);
}
}
在新页面中,您可以使用以下内容:
var fullname = $(this).find('p.nam').text();
var phone = $(this).find('p.phn').text();
var car = $(this).find('p.crr').text();
在中,单击所单击链接的处理程序
但是,如果关闭了ajax导航,上述操作将不起作用
$(document).on('click', 'li a', function() {
//catch them here
});
实际问题是什么:a)如何监控单击并检索正确的值,或b)如何将其传递到第二页?(b)见下文)。谢谢!!如何在第2页获取这些变量?我在第2页有这样一个问题:AA如何用全名填充它?如果你肯定h1
有一个唯一的id
,那么一旦你在点击处理程序中得到定义变量的命令,你就可以像这样使用它们:$('#zNAME')。text(全名)代码>我在-$(文档)上的index.html页面上尝试此操作。在('click','li a',函数(){zfullname=$(this)。查找('p.nam')。text();$(“#zNAME”)。text(zfullname);}但是加载page2.html后,它就不会工作了。我注意到您主要使用的是普通的valina JS。请看一下jQuery Mobile API文档。您可以将几个事件作为目标。请记住,一旦加载page1.html,您的索引页仍将位于DOM中,以便您可以访问它的元素。我在page2 onload=“PP();”上尝试了这一点函数PP()包含$(“#zNAME”).text(zfullname);-但仍然不起作用。我还尝试在第2页上放置调用PP()的按钮,该按钮起作用。加载第2页时如何操作?