ajax

var products = [
	{id:0, price:5800, title: '학교종이 땡땡'},
	{id:1, price:3000, title: '동해물과'},
	{id:2, price:5500, title: '전국노래자랑'},
]

function prodlist(a, i){
		var prodbox2 = `<div class="col-4">
						<img src="../img/1.jpg" class="w-100">
						<h5>${a.title}</h5>
						<p>가격 : ${a.price}</p>
					</div>`;
		$('.row').append(prodbox2);
}

products.forEach(function(a, i){
	prodlist(a, i);
})


var btncount = 0;
$('.more').on('click', function(){

 btncount += 1;
 if(btncount == 1){
		$.get('https://more1.json')
		.done(function(data){
			data.forEach(function(a, i){
				prodlist(a, i);
			})
		})
 } else if (btncount == 2){
		$.get('https://more2.json')
		.done(function(data){
			data.forEach(function(a, i){
				prodlist(a, i);
			});
			$('.more').hide();
		})
 }
	

})

 

//가져오기
$.get("https://price.json")
    .done(function (data) {
        console.log(data);
        console.log(data.price);
    })
    .fail(function () {
        console.log("실패함");
    });

// 자바스크립트로 작성시에는
fetch("https://price.json")
    .then((res) => res.json())
    .then(function (data) {
        console.log(data);
    })
    .catch(function (error) {
        console.log("실패함");
    });

//post로 보내기
$.post("https://hello.txt", { name: "kim" }).done(
    function (data) {
        console.log(data);
    }
);