필드에서 구분된 데이터

<script>
// 현재 페이지 및 페이지당 가져올 데이터의 개수
let currentPage = 1;
const itemsPerPage = 20;

// "더 보기" 버튼 클릭 이벤트 핸들러
document.getElementById('loadMoreButton').addEventListener('click', loadMoreItems);

function loadMoreItems() {
  // 서버로부터 데이터를 가져올 범위 계산
  const startIndex = (currentPage - 1) * itemsPerPage;
  const endIndex = startIndex + itemsPerPage;

  // 서버에 데이터를 요청하는 Ajax 호출
  const xhr = new XMLHttpRequest();
  xhr.open('GET', `/api/data?start=${startIndex}&end=${endIndex}`, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 서버로부터 데이터를 받아온 후 처리
      const responseData = JSON.parse(xhr.responseText);
      displayItems(responseData.items);

      // 현재 페이지 갱신
      currentPage++;

      // 더 보기 버튼을 숨길지 여부 결정
      if (responseData.totalCount <= endIndex) {
        document.getElementById('loadMoreButton').style.display = 'none';
      }
    }
  };
  xhr.send();
}

function displayItems(items) {
  // 받은 데이터를 화면에 표시하는 로직을 구현
  for (const item of items) {
    const itemElement = document.createElement('div');
    itemElement.textContent = item.wr_1;
    document.getElementById('itemsContainer').appendChild(itemElement);
  }
}
</script>
<?php
$startIndex = $_GET['start'];
$endIndex = $_GET['end'];

// 데이터베이스에서 startIndex부터 endIndex까지의 데이터 조회
$query = "SELECT wr_1 FROM your_table_name LIMIT $startIndex, $endIndex";
// 쿼리 실행 및 결과 반환

$response = [
  'items' => $result, // 조회된 데이터
  'totalCount' => $totalCount // 전체 데이터 개수
];

echo json_encode($response);
?>

/*

-----+---------------------+-----
 ... | wr_1                | ... 
-----+---------------------+-----
 ... | 1/2/3/4/5           | ... 
 ... | 11/22/33/44/55      | ... 
 ... | 111/222/333/444/555 | ... 
-----+---------------------+-----

*/

 

SELECT SUBSTRING_INDEX(SUBSTRING_INDEX(wr_1,'/',2),'/',-2) partial_wr_1 FROM tablename;

/*
+--------------+
| partial_wr_1 |
+--------------+
| 1/2          |
| 11/22        |
| 111/222      |
+--------------+

*/


SELECT SUBSTRING_INDEX(SUBSTRING_INDEX(wr_1,'/',4),'/',-2) partial_wr_1 FROM tablename;

/*
+--------------+
| partial_wr_1 |
+--------------+
| 3/4          |
| 33/44        |
| 333/444      |
+--------------+
*/