PHP

PHP 구구단 질문

1
제가 PHP를 한지 정말 아주 안돼서 완전 초보입니다... 구구단을 만들어 볼려고하는데요 구구단 단수 입력 폼을 제작해서 AJAX로 구구단을 결과값에 출력할려고하는데 어떻게 하면 될까요?? ㅜㅜ 도와주세요ㅜㅜㅜ

제가 PHP를 한지 정말 아주 안돼서 완전 초보입니다...

구구단을 만들어 볼려고하는데요 구구단 단수 입력 폼을 제작해서 AJAX로 구구단을 결과값에 출력할려고하는데 어떻게 하면 될까요?? ㅜㅜ 도와주세요ㅜㅜㅜ

lionk556412 2021-12-12
lionk556412 님께서 2021-12-12에 PHP에 올린 질문

댓글

1개의 답변

1
https://github.com/neboysam/php_ajax_tables_multiplications  소스를 참고하실 수 있을 것 같습니다. Ajax PHP 1 2 3 4 5 6 7 8 9 10 let form ..

https://github.com/neboysam/php_ajax_tables_multiplications 소스를 참고하실 수 있을 것 같습니다.

<?php
  include "includes/header.php"; 
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Ajax PHP</title>
</head>
<body>
  <form action="" id="formId" class="text-center" method="POST">
    <input type="checkbox" name="checkbox[]" value="1"><label>1</label>
    <input type="checkbox" name="checkbox[]" value="2"><label>2</label>
    <input type="checkbox" name="checkbox[]" value="3"><label>3</label>
    <input type="checkbox" name="checkbox[]" value="4"><label>4</label>
    <input type="checkbox" name="checkbox[]" value="5"><label>5</label>
    <input type="checkbox" name="checkbox[]" value="6"><label>6</label>
    <input type="checkbox" name="checkbox[]" value="7"><label>7</label>
    <input type="checkbox" name="checkbox[]" value="8"><label>8</label>
    <input type="checkbox" name="checkbox[]" value="9"><label>9</label>
    <input type="checkbox" name="checkbox[]" value="10"><label>10</label>
    <input type="submit" name="submit" class="btn btn-primary" value="Submit">
  </form>

  <div id="tables">
    <div id="table"></div>
  </div>

<script>
    let form = document.getElementById("formId");
    let table = document.getElementById("table");

    form.addEventListener('submit', function(e) {
      e.preventDefault();
      let formData = new FormData(form);

      let xhr = new XMLHttpRequest();
      xhr.open ('POST', 'process.php', true);
      xhr.onload = function() {
        let result = '';
        result = this.responseText;
        table.innerHTML = result;
        }
      xhr.send(formData);
    });
  </script>
</body>
</html>

<?php
  include "includes/footer.php"; 
?>

 

케이플 2021-12-23
사탕 주기
케이플 님께서 2021-12-23에 PHP에 올린 글
보관하기

댓글

조회수 806
답글 1
URL