반응형
안녕하세요 Dipokal HHJ 입니다.
이번시간에는 index.php 에서 comm_list.php 를 Ajax 로 불러와서 index.php 에 출력을 해볼겁니다.
현재 개발중인 웹페이지 입니다.
먼저 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 |
Ajax PHP 에서 비동기로 게시글 불러오기 (0) | 2019.04.21 |