๊ตฌ๊ธ ๊ฒ์์์ javascript๋ฅผ ๊ฒ์ํ ๋ค์ ๊ฐ๋ฐ์๋๊ตฌ์ ๋คํธ์ํฌ์ ๊ฐ๋ณด์๋ฉด ajax ๊ธฐ๋ฒ์ด ์ฌ์ฉ๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค!
- ๋ฐ์ดํฐ ๋ก๋
<button type="button" id="btn_data">ํด๋ฆญํด์ฃผ์ธ์!</button> <div id="data">data</div>
$('#btn_data').click(function() { $("#data").load('https://raw.githubusercontent.com/paullabkorea/coronaVaccinationStatus/main/data/data.json'); });
ย
- ๋ฐ์ดํฐ ํ๊ทธ๋ง ๊ฐ์ ธ์ค๊ธฐ(HTML, XML ๋ฑ ๊ฐ๋ฅ)
<button type="button" id="btn_data">ํด๋ฆญํด์ฃผ์ธ์!</button> <div id="data">data</div>
$('#btn_data').click(function() { $("#data").load('https://raw.githubusercontent.com/paullabkorea/10000hour/main/index.html h1'); });
- responseTxt : ์์ฒญ ๊ฒฐ๊ณผ
- statusTxt : ์์ฒญ์ ์ํ
- xhr : ์์ฒญํ ์ค๋ธ์ ํธ
- xhr.status : ํ์ผ์ ์๋ต ์ํ
$('#btn_data3').click(function() { $("#data3").load('https://raw.githubusercontent.com/paullabkorea/10000hour/main/index.html h1', function(responseText, statusText, xhr){ console.log(responseText); console.log(statusText); console.log(xhr); console.log(xhr.status); } ); });
ย
- ajax ๋ก๋ฉ!
$('#btn_data').click(function() { //$.ajax({๊ฒฝ๋ก, ๋๊ธฐํ ์ฌ๋ถ, ์ฑ๊ณตํ๋ฉด ํ ์ผ}) //$.ajax({url:'๊ฒฝ๋ก', async: true, success:function(result){}}) $.ajax({ url:'https://raw.githubusercontent.com/paullabkorea/10000hour/main/index.html', async: true, success:function(result){ $("#data").html(result); } }); });
// console์์ loaddata๋ฅผ ์ฐ์ด๋ณด์ธ์! var loaddata; $('#btn_data').click(function() { //$.ajax({๊ฒฝ๋ก, ๋๊ธฐํ ์ฌ๋ถ, ์ฑ๊ณตํ๋ฉด ํ ์ผ}) //$.ajax({url:'๊ฒฝ๋ก', async: false, success:function(result){}}) $.ajax({ url:'https://raw.githubusercontent.com/paullabkorea/coronaVaccinationStatus/main/data/data.json', async: true, dataType: 'JSON', success: function(result){ // $("#data").text(result); loaddata = result; } }); });
ย