用jquery显示国家列表

时间:2014-08-31 08:15:26

标签: jquery

我通过ajax调用获得了以下结果:

{"results":["USA","Brazil"]}

我想将国家/地区列表显示为如下例所示的链接

enter image description here

请你检查我的jquery代码有什么问题:

var item = $('<div>');  

            $.each(country.results, function(i, res) {

                var country_name = $('<a href>');  

                country_name.html(res.results[]);  // I think this line is not correct            

                item.append(country_name);
            }); 

$("#country_list").html(item); 

2 个答案:

答案 0 :(得分:1)

更改

country_name.html(res.results[]); 

country_name.html(res); 

原因:res已包含国家/地区名称。

答案 1 :(得分:1)

这是一个答案

$.ajax({
type: 'GET',
url: 'ajax.json',
beforeSend:function(){                  
},
success:function(country){
    var item = $('<div>');  
    $.each(country.results, function(i, res) {
        var country_name = $('<a href>');  
        country_name.html(res);  // you should use res here        
        item.append(country_name);
    }); 
    $("#country_list").html(item);          
},
error:function(){                   
}});

res变量已经包含一个国家/地区名称,因为您已经通过数组填充了。