ajax 사용법

ajax 사용법

html

<div class="wrap">

<ul>

</ul>

</div>

script

$.ajax({

url : "/data/data.json",

type : "get",

data : "",

dataType : "json",

success : function( $data )

{

var i = 0;

var len = $data.result.list.length;

console.log( len );

var link;

var name;

for( i; i < len; i++ )

{

link = $data.result.list[ i ].url;

name = $data.result.list[ i ].name;

$( "ul" ).append( '<li><a href=' + link + '> '+ name +'</a></li>' )

}

}

data.json 파일

{

"result" : {

"list" : [

{

"url" : "http://www.naver.com",

"name" : "네이버"

},

{

"url" : "http://www.daum.net",

"name" : "다음"

},

{

"url" : "https://www.yahoo.com/",

"name" : "야후"

}

]

}

}