Bir tabloya json responce koymaya çalışıyor - tanımsız bir hata

Question

Bir tabloya koymaya çalıştığım bir API'dan json yanıtım var. Bu benim ne var:

http://jsfiddle.net/xnj1hwwj/2/

$(document).ready(function() { 
    var json = "http://api.geonames.org/findNearbyPlaceNameJSON?lat=51.4500&lng=-2.5833&username=demo&maxRows=2&radius=5"; 
    var tr; 
    for (var i = 0; i < json.length; i++) { 
    tr = $('<tr/>'); 
    tr.append("<td>" + json[i].name + "</td>"); 
    tr.append("<td>" + json[i].distance + "</td>"); 
    $('table').append(tr); 
    } 
}); 

tüm geri bildirimler bu yayınlanmasını nasıl üzerinde mutluluk duyacağız. Bunu önlemek için başka bir kütüphane kullanmamayı tercih ederim.

Answer 1

Eğer bazı bilgileri sahip olmasını json istiyorsanız Kodunuz şu şekilde görünecektir sınırlandırmak:

var url = "http://api.geonames.org/findNearbyPlaceNameJSON?lat=51.4500&lng=-2.5833&username=demo&maxRows=2&radius=5"; 
var xhr = new XMLHttpRequest(); 

xhr.onreadystatechange = function (e) { 
    if (this.readyState === 4 && this.status == 200) { 

     //turn the response into a json object 
     data = JSON.parse(xhr.responseText); 
     // do whatever you want now 


    } 
} 
xhr.open('GET', url, true); 
xhr.send(); 

Bunu nedeni https://developer.mozilla.org/en-US/docs/Security/Mixed_content

Answer 2

@Moishe Lipsker tarafından yorumlarda belirtildiği üzere, bir AJAX isteğiniz yok, yalnızca bir grup GET parametresi olan bir URL'niz yok. Gereksinim duyduğunuz JSON nesnesini döndürmek için gereken $.ajax() gibi jQuery AJAX yöntemlerinden birini okumalısınız.

http://api.jquery.com/jquery.ajax/

Answer 3

bir keman çalışması yapmak mümkün olmayacaktır

Bir yanıt almak için önce ajax araması yapın:

$.get('http://api.geonames.org/findNearbyPlaceNameJSON?lat=51.4500&lng=-2.5833&username=demo&maxRows=2&radius=5', function(json) { 
 
    renderResponse(json, $('#result'), 0); 
 
}); 
 
function renderResponse(obj, node, space) { 
 
    var keys = Object.keys(obj); 
 
    for(var i = 0; i < keys.length; i ++) { 
 
     var inside = obj[keys[i]] 
 
     , isWritable = ['string', 'number', 'boolean'].indexOf(typeof inside) != -1 
 
     , key = keys[i] 
 
     , indentation = Array(space + 1).join('&nbsp;') 
 
     ; 
 
     var prop = $('<div/>', {html: indentation + key + ':&nbsp' + (isWritable ? inside : '[') + '<br>'}).appendTo(node); 
 
     if(!isWritable) { 
 
      renderResponse(inside, prop, space + 8); 
 
      $('<div/>', {html: indentation + ']' + (i < keys.length - 1 ? ',' : '') + '<br>'}).appendTo(prop); 
 
     } 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="result"></div>