[카카오 API] 여러개 마커 표시하기 - (2)

자바스크립트에서 php를 호출할때, 

json으로 변경 후 자바스크립트에서 ajax으로 호출하는 것이 깔끔하다는 조언을 듣고 시도해보고자 한다.

 

(5) php 테스트 - mysql 불러온 뒤 json으로 출력하기

<?php
$con = mysqli_connect($db_host,$db_user,$db_passwd,$db_name);

if(mysqli_connect_errno($con)){
  echo "데이터베이스 연결 실패했습니다.:  " . mysqli_connect_error();
}

mysqli_set_charset($con, "utf8");

$res = mysqli_query($con, "select * from Marker_DB");
$result = array();

while ($row = mysqli_fetch_array($res)) {
    array_push($result,
      array('lat'=>$row[3], 'lon'=>$row[2]
    ));
}

header('Content-Type: application/json; charset=utf8');
$json = json_encode(array("result"=>$result), JSON_PRETTY_PRINT+JSON_UNESCAPED_UNICODE);
echo $json;

mysqli_close($con);
?>

 

결과: json으로 정상적으로 출력되었다.

json으로 출력된 것의 일부를 캡쳐하였다

 

(6) php 테스트 - 다른 php 파일에서 json php 호출하기

<?php
include_once('0515_ver3.php');
?>

 

결과: (5)과 동일한 결과가 나왔다 (잘 불러와진것을 확인하였다. 결과는 같으므로 이미지는 생략)

 

(7) php 테스트 - 자바스크립트 ajax 호출하기

::::: 시도해보는 중 (계속된 실패) :::::

 

결과: