定番
新着
履歴

jQuery JSONの読み込み

jQuery JSONの読み込み

jQueryを使ってJSONを読み込むサンプルです。

getJSON関数を利用します。

jQuery(function(){

var jsonPath = '';

$.getJSON(jsonPath,function(json){
	for (var i=0;i');
	    var item = '#rank_body ul#rnk_n'+i;
	    $(item).append('
  • '); $(item).append('
  • '); $(item+' .photo img').attr('src','http:'+json.rank[i].img80); } } }); });

    jQueryを使ってJSONを読み込むサンプルその2。

    ajax関数を利用します。

    jQuery(function(){
    
    var jsonPath = '';
    
    $.ajax({
        url: jsonPath,
        cache: false,
        success: function(json){
            //json2 = JSON.stringify(json);
            //var arrList = JSON.parse(json2);
    
    	    for (var i=0;i');
    	        var item = '#rank_body ul#rnk_n'+i;
    	        $(item).append('
  • '); $(item).append('
  • '); $(item+' .photo img').attr('src','http:'+json.rank[i].img80); } } } }); });

    XDomainRequest,XMLHttpRequestのサンプル。

    jQueryを使わないでJSONを読み込みます。

    IE8,9ではXDomainRequestを利用。

    XMLHttpRequestが対応していれば利用。

    jQuery(function(){
    
    var jsonPath = '';
    
    $(function() {
        var xhr=window.XDomainRequest?new XDomainRequest:new XMLHttpRequest;
        try{
            xhr.onload=function(){
                var json = $.parseJSON(xhr.responseText);
    
    		    for (var i=0;i');
    		        var item = '#rank_body ul#rnk_n'+i;
    		        $(item).append('
  • '); $(item).append('
  • '); $(item+' .photo img').attr('src','http:'+json.rank[i].img80); } } }; xhr.open("GET",jsonPath); xhr.send(); }catch(e){ alert(e.message); } }); });
    2018-01-03 23:39:27
    このページの二次元コード

    関連するサンプル

    人気記事ランキング

    © 2018 kipure
    Top