SimCo.php
-----------------------------------------------------------------------------------------
include_once "./database/conn.php";
// json을 php에서 사용하기 위해 헤더 설정
header("Contents-Type:application/json");
$query = 'SELECT title, content FROM tbl_main_notice;';
$result = $conn->query($query);
if(!$result) {
echo "";
exit();
}else {
$object = array();
if($result->num_rows > 0) {
while($row = mysqli_fetch_object($result)) {
$t = new stdClass();
$t->title = $row->title;
$t->content = $row->content;
$object = $t;
unset($t);
}
}else {
$object = array(0 => 'empty');
}
}
echo json_encode($object, JSON_UNESCAPED_UNICODE);
$conn->close();
?>
ajax.php
-----------------------------------------------------------------------------------------
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(function() {
$.ajax({
url: 'SimCo.php',
type: 'post',
dataType: 'json',
success:function(data) {
if(data) {
var json = JSON.parse(data);
$('#ajax_title').html(json.items[0].title);
}
}
})
})
</script>
<div id="ajax_title"></div>
비동기 통신을 하는 웹을 만들기 위해 json과 ajax를 배우기 시작했습니다.
그런데 어째서인지 ajax로 json을 불러올 수가 없습니다. success 부분으로 왜 안넘어가지는지 모르겠습니다..
이제막 json과 ajax를 배우기 시작하여 부족한점이 많아 도움부탁드립니다 ㅠㅠ
제가 어딘가를 빼먹은 것일까요?..
ajax에 실패했을때 로그 찍게 추가하셔서 보셔야 할거에요.
개발자 도구 여신다음에
Network 탭에 보시면 각종 호출되는 페이지들 이름이 보입니다.
그때 json 호출한 페이지 내용을 보세요.
크롬에서 보시고
해당 페이지 직접 호출해보시고
둘의 내용이 틀리다면 jquery 에서 호출하는 옵션중 건드리셔야 하는게 있을겁니다
$object[] = $t 로 해보시던지
자바스크립트에선 굳이 보자면 post 메소드를 get메소드로 바꾼다던지가 있겠네요.
윗분들 말씀처럼 직접 화면에 찍어보던가 로그를 보는게 도움이 됩니다.
url 이슈일 수 있습니다.
ajax에서는 상대경로를 쓰지 않습니다.
include_once "./database/conn.php";
부분을 절대 경로로 사용해주셔야 합니다...
http://서버주소/위치/SimCo.php
작성한 ajax 요청 url 구조상, ajax.php 와 SimCo.php 가 동일한 경로에 있는지 확인해 보세요.
http://server/ajax.php
http://server/SimCo.php