繁体   English   中英

如何显示以javascript发送的id为mysql的数据(Adobe Phonegap)

[英]How to display data from mysql with id sent with javascript ( Adobe Phonegap )

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

我无法实现您的代码,但据我了解,您需要使用一些http请求函数来从服务器端php获取数据,而不是使用load(),而要使用$ .get()。 可以解决您的问题。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM