如何使用javascript发送的id显示来自mysql的数据(Adobe Phonegap)

时间:2016-05-22 15:26:55

标签: javascript php html mysql phonegap-desktop-app

我用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

kategori.php中的代码不适用于adobe phonegap。

1 个答案:

答案 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代码而不是放置屏幕截图,以便进行一些编辑或测试。