извлекать данные из json-файла

Я пытаюсь восстановить данные из файла .json, но он не извлекает данные, используя jquery!извлекать данные из json-файла

в JSON данные файла:

[ 
{"optiontext" : "One", "optionvalue" : "One"}, 
{"optiontext" : "Two", "optionvalue" : "Two"}, 
{"optiontext" : "Three", "optionvalue" : "Three"} 
]

и код, который я пытаюсь получить доступ к этой информации с является:

<!doctype html> 
<html> 
    <head> 
     <script type="text/javascript" src="jquery.min.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function() { 
      $('#submit').click(function() { 
     $.ajax({ 

    //alert("I'm doing it now"); 
    //define the attributes for the connection 
    type:"GET", 
    url:"sample1.json", 
    dataType:"json", 
    //extrat the data 

    success: function (data) {  
    var SampleFileMessage="<ul>"; 
    $.each(data, function(i,n){ 
    SampleFileMessage+="<li>"+n["optiontext"]+"</li>"; 
      }); 
    SampleFileMessage+="</ul>"; 
    $('#message').append(SampleFileMessage); 
    document.writeln(SampleFileMessage); 
} 
}); 
return false; 
}); 
}); 


    </script> 
    </head> 
    <body> 
     <input type="button" onclick="getjson()" value="pressme"   style="align:center" />  
     <div id="messege" > <input type="button" id="submit" value=" get the  data from json" ></div> 
    </body> 
    </html>

, что я я должен сделать, чтобы иметь дело с этим форматом JSON! !!

источник

2012-06-15 Mustafa Adel ELnagar

Пожалуйста, используйте '.getJSON' - http://api.jquery.com/jQuery.getJSON/, попробуйте использовать абсолютный путь ('/sample1.json') и использовать Fiddler чтобы проверить, правильно ли получен файл. – LukLed

Похоже, что это работает со мной: http://jsfiddle.net/CuwGc/1/ Возможно, вы не ссылаетесь на местоположение вашего файла JSON правильно ...? – mVChr

@mVChr Я изменил usr, но invaine, они по одному и тому же каталогу по умолчанию, спасибо за помощь! –

Попробуйте это:

$.each(data, function(i, n) { 
    SampleFileMessage += "<li>" + n.optiontext + "</li>"; 
});

источник

2012-06-15 01:33:39 Terry

извлекать данные из json-файла

ответ

Смежные вопросы