Ajax PHP ์—์„œ ๋น„๋™๊ธฐ๋กœ ๊ฒŒ์‹œ๊ธ€ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

2019. 4. 21. 15:17ยท ๐Ÿ’ป๊ธฐ์ˆ /๊ธฐํƒ€
๋ฐ˜์‘ํ˜•

์•ˆ๋…•ํ•˜์„ธ์š” Dipokal HHJ ์ž…๋‹ˆ๋‹ค.

์ด๋ฒˆ์‹œ๊ฐ„์—๋Š” index.php ์—์„œ comm_list.php ๋ฅผ Ajax ๋กœ ๋ถˆ๋Ÿฌ์™€์„œ index.php ์— ์ถœ๋ ฅ์„ ํ•ด๋ณผ๊ฒ๋‹ˆ๋‹ค.

 

ํ˜„์žฌ ๊ฐœ๋ฐœ์ค‘์ธ ์›นํŽ˜์ด์ง€ ์ž…๋‹ˆ๋‹ค.

DeVent ์ปค๋ฎค๋‹ˆํ‹ฐ

 

๋จผ์ € index.php ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž‘์„ฑํ•  ๊ฒ๋‹ˆ๋‹ค.

์ด ์ฝ”๋“œ๋Š” </body> ๋ฐ”๋กœ ์œ„์— ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.

 
 

* ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” index.php ์—

<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>

๋ฅผ ์‚ฝ์ž…ํ•˜์‹œ๊ณ  ์‚ฌ์šฉํ•ด ์ฃผ์„ธ์š”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
$(document).ready(function(){
 
  loading();
 
  function loading(){
    $.ajax({
    url: 'comm_list.php' ,
    dataType : 'html' ,
    success: function(data) {
      $("#result").html(data);
    }
  });
  }
});
</script>
 
 

๋‹ค์Œ์œผ๋กœ comm_list.php ๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ์ง€์ ์—

1
<div id="result"/>
 

 ์ด ์ฝ”๋“œ๋ฅผ ์‚ฝ์ž…ํ•ด ์ฃผ์„ธ์š”

 

๋‹ค์Œ์€ comm_list.php ์ž…๋‹ˆ๋‹ค.

comm_list.php ๋Š” php ์™€ mysql ์„ ์ด์šฉํ•ฉ๋‹ˆ๋‹ค. 

์ž‘์„ฑ ์š”๋ น์€ 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
//php 5.6 ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑ๋จ.
//์•„๋ž˜์˜ ๋ชจ๋“  ์†Œ์Šค์ฝ”๋“œ๋Š” ์‹ค์ œ DeVent ์›นํŽ˜์ด์ง€์™€ ์ „ํ˜€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ์ดํ•ด๋ฅผ ๋•๊ธฐ์œ„ํ•ด ์ž‘์„ฑํ•œ ์ฝ”๋“œ ์ž…๋‹ˆ๋‹ค.
 
//Mysql ์ฟผ๋ฆฌ ์‹คํ–‰
$q = "SELECT * FROM commlist order by idx desc limit 50";
$result = mysql_query($q);
if($result === FALSE) {
    die(mysql_error()); 
}
 
//๊ฒŒ์‹œ๊ธ€ 
while($row = mysql_fetch_array($result)){
?>
 
<div class='alert alert-light' role='alert'>
<b><?=$row['name']?></b>
 
</div>
<?php
 
}
?>
 
 

์ด๋ ‡๊ฒŒ ์ž‘์„ฑํ•˜์‹œ๊ณ  index.php ๋ฅผ ์—ด๊ฒŒ๋˜๋ฉด

comm_list.php ํ™”๋ฉด์ด ๋ฆฌ๋””๋ ‰์…˜ ์—†์ด ๋ณด์—ฌ์ง€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

 

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜•

'๐Ÿ’ป๊ธฐ์ˆ  > ๊ธฐํƒ€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ ํด๋ฃจ๋„์Šค ] ๊ฐœ๋ฐœ์ผ์ง€ #1 - ๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ธํŒ…  (4) 2020.01.24
S7 OneUI&์•ˆ๋“œ๋กœ์ด๋“œ 9 ๋ธ”๋ž™๋‹ค์ด์•„๋ชฌ๋“œ 5.1 ๋ฆฌ๋ทฐ  (0) 2019.12.13
ํŽ˜์ด์Šค๋ถ ๋”ฐ๋ผ ๋งŒ๋“ค๊ธฐ - 1๋…„์ด๋ž€ ์‹œ๊ฐ„์ด ํ๋ฅด๊ณ ...  (2) 2019.12.11
์ฒญ์†Œ๋…„๋“ค์ด ๋งŒ๋“œ๋Š” ์›น์‚ฌ์ดํŠธ, DeVent  (0) 2019.08.18
์ค‘ํ•™์ƒ์ด ๋งŒ๋“  ํ™ˆํŽ˜์ด์ง€, DeVent  (0) 2019.05.02
'๐Ÿ’ป๊ธฐ์ˆ /๊ธฐํƒ€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • S7 OneUI&์•ˆ๋“œ๋กœ์ด๋“œ 9 ๋ธ”๋ž™๋‹ค์ด์•„๋ชฌ๋“œ 5.1 ๋ฆฌ๋ทฐ
  • ํŽ˜์ด์Šค๋ถ ๋”ฐ๋ผ ๋งŒ๋“ค๊ธฐ - 1๋…„์ด๋ž€ ์‹œ๊ฐ„์ด ํ๋ฅด๊ณ ...
  • ์ฒญ์†Œ๋…„๋“ค์ด ๋งŒ๋“œ๋Š” ์›น์‚ฌ์ดํŠธ, DeVent
  • ์ค‘ํ•™์ƒ์ด ๋งŒ๋“  ํ™ˆํŽ˜์ด์ง€, DeVent
DipokalHHJ
DipokalHHJ
์•ˆ๋…•ํ•˜์„ธ์š” ๐Ÿ”ญ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ž ํ—ˆํ˜•์ค€์ž…๋‹ˆ๋‹ค. ๊ฐœ์ธ์ ์ธ ์—์„ธ์ด์™€ ๋Œ€์ค‘์ ์ธ ๊ธฐ์ˆ  ์นผ๋Ÿผ์„ ์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ…Œ์ŠคํŠธ๋ฒ ๋“œ ์Šคํƒ€ํŠธ์—… ๋ฐ์นด๋ฅดํŠธ์ขŒํ‘œ๊ณ„๋ฅผ ์ฐฝ๋ฆฝํ•˜๊ณ  bleeding edge ๊ธฐ์ˆ ์„ ๋‹ค๋ฃจ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
DipokalHHJ
ํ—ˆํ˜•์ค€
DipokalHHJ
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (140)
    • ๐Ÿ’ป๊ธฐ์ˆ  (64)
      • Python (2)
      • JavaScript (6)
      • NodeJS (7)
      • Docker (3)
      • Architecture (1)
      • DevOps (3)
      • CTF (3)
      • Security (2)
      • UIUX (1)
      • ์—๋Ÿฌ์™€์˜ ์ „์Ÿ (12)
      • ์ •๋ณด๊ณต์œ  (8)
      • ๊ธฐํƒ€ (7)
    • ๐Ÿ˜„์ƒ๊ฐ (57)
      • ์Šคํ† ๋ฆฌ (10)
      • ํ”„๋กœ์ ํŠธ (9)
      • ํ”„๋ฆฌ์Šคํƒ€์ผ (5)
      • ์งง์€๊ธ€ (7)
      • ์‹œ๋ฆฌ์ฆˆ (2)
      • Advertisement (1)
      • ์—์„ธ์ด (1)
      • ์ƒ๊ฐ์กฐ๊ฐ (0)
    • ๐Ÿค”ํšŒ๊ณ  (9)
      • ์—ฐ๊ฐ„ ํšŒ๊ณ  (3)
      • ํ”„๋กœ์ ํŠธ ํšŒ๊ณ  (4)
      • ์งง์€ ๊ธฐ๋ก (2)
    • ๐ŸŽธ๊ธฐํƒ€ (1)
      • ์Šค๋ฌด๋”-ํ”„๋กœ์ ํŠธ๊ณต์ง€ (2)
    • ๐Ÿš€์—์„ธ์ด (3)
    • ์ฒ ํ•™ (1)
    • ๋น„์ฆˆ๋‹ˆ์Šค (2)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

  • ๋ธ”๋กœ๊ทธ ์†Œ๊ฐœ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • docker
  • ์ •๋ณด๋ณด์•ˆ
  • ๊นƒํ—ˆ๋ธŒ
  • ํšŒ๊ณ 
  • Nodejs
  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ
  • ์ค‘ํ•™์ƒ
  • HackCTF
  • ์ฒญ์†Œ๋…„
  • github
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • php
  • ๋‹จ์ˆœํ•˜๊ฒŒ ์‚ด๊ธฐ
  • ๋””์ž์ธ
  • webpack
  • TypeScript
  • ์›นํŒฉ
  • ๋””์ž์ธ ์‹œ์Šคํ…œ
  • ์—๋Ÿฌ
  • js
  • ์†Œํ”„ํŠธ์›จ์–ด
  • ๊ฐœ๋ฐœ์ž
  • ๊ฐœ๋ฐœ
  • ๋ณด์•ˆ
  • ์Šค๋ฌด๋”ํ”„๋กœ์ ํŠธ
  • ๊ต์œก
  • vscode
  • ๊ธฐ์ˆ 
  • ๋„์ปค
  • ์Šคํƒ€ํŠธ์—…

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

hELLO ยท Designed By ์ •์ƒ์šฐ.v4.2.2
DipokalHHJ
Ajax PHP ์—์„œ ๋น„๋™๊ธฐ๋กœ ๊ฒŒ์‹œ๊ธ€ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.