显示解析 json 到单选按钮答案

【问题标题】：display parsing json to radio button显示解析 json 到单选按钮
【发布时间】：2014-08-20 05:04:50
【问题描述】：

我想循环json的数据并显示到html上的单选按钮，

var link = "http://localhost/codeigniter/load";
var selector = "#result-media-uploader";
$.getJSON(link,function(data){
        $.each(data,function(i,item){
            var openTag = "<div class='col-lg-2'>";
            var closeTag = "</div>";

            openTag += "<input id='media-radio' type='radio' name='media-radio' value='"+item.id+"'>";
            openTag += "<label class='label'><img width='100%' height='100%' src='"+item.post_content+item.post_title+"'></label>";
            openTag += closeTag;

            $(selector).append(openTag);
        });
});

请求已发送，但输出中没有.. 这是服务器代码

$data = $this->db->where('post_type','attachment')->where('post_mine_type','image')
        ->get('cs_posts')->result_array();
        return json_encode($data);

我是 javascript 新手，你能解释一下我的错误吗.. 谢谢你的帮助..

【问题讨论】：

console.log(data) 并显示结果是什么？
我试试这个 $.getJSON(link,function(data){ $(selector).append(console.log(data)); });那么输出是无.. xD
不，伙计，你只是这样做$.getJSON(link,function(data){ console.log(data) }); 并检查你的萤火虫
我什么也没得到..我没有firebug，但我使用chrome开发工具..我看到ajax已发送但我没有得到回调..然后我尝试在服务器端打印_r（）数据..我得到json数据..
试试echo json_encode($data);，而不是`return`

标签： javascript php jquery json codeigniter

【解决方案1】：

试试这个，

    openTag += "<label class='label'><img width='100%' height='100%' src='"+item.post_content+""+item.post_title+"'></label>";
    $("+selector+").append(openTag);

【讨论】：

对不起朋友，但我什么也没得到.. xD

【解决方案2】：

谢谢大家.. (y)

这是最终代码..

js 文件 var 文件夹 = "/codeigniter"; var url = window.location.protocol+"//"+window.location.host+folder+"/admin/uploads/load";

$('#refresh-media-uploader').click(function(){
    $.getJSON(url,function(data){
        $.each(data,function(i,item){
            var openTag = "<div class='row'><div class='col-lg-2'>";
            var closeTag = "</div></div>";

            openTag += "<input id='media-radio' type='radio' name='media-radio' value='"+item.id+"'>";
            openTag += "<label class='label'><img width='100%' height='100%' src='"+item.post_content+"100x100-"+item.post_title+"'></label>";
            openTag += closeTag;

            $("#result-media-uploader").append(openTag);
        });
    });
});

和服务器端

$data = $this->db->where('post_type','attachment')->where('post_mine_type','image')
        ->get('cs_posts')->result_array();
        echo json_encode($data);

【讨论】：