AJAX 호출에서 여러 값을 반환하는 방법은 무엇입니까?

Question

두 개의 다른 유형의 데이터를 두 div (#count_boys 및 #count_girls)에 출력하고 싶다고 가정 해 봅시다. 내 목표를 명확히하기 위해 내 html 호출에 data.boys과 data.girls을 추가했습니다. 그것이 효과가있는 것은 아니지만, 내가 성취하고자하는 바를 명확히 밝혀줍니다.

내 데이터베이스에 내 MySQL DB의 테이블 열로 남아 있다고 가정 해 봅시다.

<?php 
$con = mysqli_connect('localhost', 'root', '', 'coolkidsclub'); 
$query = mysqli_query($con, "SELECT * FROM members"); 

$num = mysqli_num_rows($query); 
echo "$num"; 
mysqli_close($con); 
?> 

나는 PHP 인코딩을 사용하여 이것에 대해 갈 수있는 방법이 될 것이라고 이해 :

function countlist() { 
    var generic; 
    $.ajax({ 
     method: "GET", 
     url: "ajaxcalls/numbercall.php?", 
     data: generic, 
     success: function(data) { 
      //general contractors// 
      $('#count_boys').html(data.boys); 
      $('#count_girls').html(data.girls); 
     } 
    }); 
} 

이제 내 numbercall.php는 다음과 같이 보인다. 그러나 나는 그것을 사용하는 방법에 대해 완전히 확신하지 못합니다.

Answer 1

자바 스크립트 AJAX 호출로 데이터를 반환하려면 JSON 인코딩 된 데이터를 사용하십시오.

PHP 데이터 구조, 배열 또는 객체를 만든 다음 json_encode()을 사용하여 JSON String으로 변환하여 자바 스크립트로 다시 보내십시오.

<?php 

$con = mysqli_connect('localhost', 'root', '', 'coolkidsclub'); 
$query = mysqli_query($con, "SELECT count(*) as cnt 
          FROM members 
          WHERE gender = 'boys'"); 

$row = mysqli_fetch_assoc($query); 
$boys = $row['cnt']; 

$query = mysqli_query($con, "SELECT count(*) as cnt 
          FROM members 
          WHERE gender = 'girls'"); 

$row = mysqli_fetch_assoc($query); 
$girls = $row['cnt']; 

echo json_encode(array('boys'=>$boys, 'girls'=>$girls)); 
?> 

지금 JSON이 반환 될 것임을을 알려 자바 스크립트를 변경하고 자동으로

function countlist(){ 
    var generic; 
    $.ajax({ 
     method: "GET", 
     url: "ajaxcalls/numbercall.php?", 
     data: generic, 
     dateType: 'JSON',   // added parameter 
     success: function(data){ 
      //general contractors// 
      $('#count_boys').html(data.boys); 
      $('#count_girls').html(data.girls); 
     } 
    }); 
}