我用javascript制作菜单链接。通过在php中使用解析,我在javascript的帮助下显示一个菜单。问题是如何根据目标页面上的“id”显示数据。
这是index.html中的代码
function loadkategori(idnya){
$('#contentID').load('kategori.php?id='+idnya, function(){
$('#myListview').listview().listview('refresh');
});
}
$(document).ready(function(){
$.ajax({
url: 'http://localhost/fiqi/fiqi2/kuliner/www/parsing2.php',
dataType: 'jsonp',
jsonp: 'jsoncallback',
timeout: 5000,
success: function(data, status){
$.each(data, function(i,item){
// $("#listview").append("<li><a href=#><img src="+item.lokasigambar+"><h2>"+item.namatempatnya+"</a><p>Kalimat</p></h2></li>");
// seharusnya menggunakan class, tidak inline function
$('#listview').append('<li data-filtertext="form checkboxradio widget checkbox input checkboxes controlgroups" onclick="loadkategori('+item.idkat+')"><a href="" data-ajax="false">'+item.namakategori+'</a></li>');
});
// $("#listview");
// $('ul').listview('refresh');
$('#listview').listview().listview('refresh');
// $('#element').collapsibleset('refresh');
},
error: function(){
alert('Error terjadi');
}
});
});
这是kategori.php中的代码
kategori.php中的代码不适用于adobe phonegap。
答案 0 :(得分:0)
我无法实现你的代码但是据我所知,你需要使用一些http请求函数来从serverside php获取数据而不是使用load(),去使用$ .get()。这可能会解决您的问题。
function loadkategori(idnya){
var data = $.get('kategori.php?id='+idnya, function(data,status){
//PROCESS YOUR DATA OR CALL YOUR FUNCTION TO POPULATE YOUR LISTVIEW
});
}
其次,您应该使用xml或json数据进行客户端服务器通信。这将使您的程序简单,高效。您可以粘贴您的PHP代码而不是放置屏幕截图,以便进行一些编辑或测试。