ajax

document.addEventListener('DOMContentLoaded', ()=> {
  let btn = document.querySelector('.btn');
  btn.addEventListener('click', ()=> {
    fetch('http://localhost/4ti11/js/ajax/liczba.php').then(odpowiedz =>{
      //console.log(odpowiedz);
      return odpowiedz.json();
    })
    .then(odpowiedz => {
      let p = document.querySelector('.random_number')
      p.textContent = odpowiedz
    })
  })
})

<?php
$liczba = rand(1,100);
$liczba = json_encode($liczba);
echo $liczba;

?>


<!DOCTYPE html>
  <html lang="en" dir="ltr">
    <head>
      <meta charset="utf-8"/>
      <title></title>
        <script src="ajax.js"></script>
    </head>
    <body>
      <button class='btn'>Wylosuj liczbę</button>
      <p class='random_number'>
      </p>
    </body>

    </html>


<!DOCTYPE html>
  <html lang="en" dir="ltr">
    <head>
      <meta charset="utf-8"/>
      <title></title>
        <script src="nazwiska.js"></script>
    </head>
    <body>
      <form class='dane'>
        <label>Imię</label>
        <input type="text" name='imie' />
        <label> Nazwisko </label>
        <input type="text" name='nazwisko' />
        <input type="submit" value="Zapisz" />
      </form>
      <p class='lista'>

      </p>
    </body>

    </html>


document.addEventListener('DOMContentLoaded', ()=> {
  let form = document.querySelector('.dane')
  form.addEventListener('submit', e=> {
    e.preventDefault()
    //alert('Dziala')
    let osoba = {}
    console.log(form)
    //alert(form[0].value)
    osoba['imie'] = form[0].value
    osoba['nazwisko'] = form[1].value
    //console.log(JSON.stringify(osoba))
    fetch('http://localhost/4ti11/js/ajax/nazwiska.php', {
      method: "post",
      headers: {
        "Content-type": "application/json; charset=UTF-8"
      },
      body: JSON.stringify(osoba)
    }).then(odp=> {return odp.json()}).then(odp=> {
    let p = document.querySelector('.lista')
    p.textContent = odp
    })
  })


})

<?php
  //$post = var_export($_POST, true)
  //$post =
  //$post = $_POST  //tablica post
  //$post = var_dump($post);
  //$post = json_encode($post)
  //echo $post;
  $post = file_get_contents('php://input');
  $post = json_decode($post);
  $post = json_encode($post);
  //$post = json_decode($post);
  //$post = json_encode($post->imie);
  //$post = json_encode($post->nazwisko);
  echo $post;


  $zapis= $post;

  $file="nazwiska.txt";
  $fp = fopen($file, "a");

  flock($fp, 2);

  fwrite($fp, $zapis."\n");

  flock($fp, 3);

  fclose($fp);


//dopisz pobrane z ajax imie i nazwisko do pliku nazwiska.txt
// następnie odczytaj całą zawartość tego pliku i prześlij z powrotem
//do skryptu js który wyświetli wszystkie zapisane imiona i nazwiska
//w postaci listy


?>

"{\"imie\":\"Adam\",\"nazwisko\":\"Zdziarstek\"}"""{\"imie\":\"Bartek\",\"nazwisko\":\"Kaczyniak\"}"{"imie":"Hala","nazwisko":"Laha"}{"imie":"Nowy","nazwisko":"Kto\u015b"}{"imie":"Nowszy","nazwisko":"Ktos"}{"imie":"Najnowszy","nazwisko":"Ktos"}
{"imie":"Adam","nazwisko":"ad"}
{"imie":"Adam","nazwisko":"adanm"}
{"imie":"Adam","nazwisko":"adanm"}
{"imie":"Adam","nazwisko":"adanm"}
{"imie":"Adam","nazwisko":"adanm"}
{"imie":"Adam","nazwisko":"adanm"}


<?php

    $file = file('nazwiska.txt');

    foreach($file as $value) {

      $exp = explode("`",$value);

      echo $exp[0]."<br />".$exp[1]."<hr />";

    }


 ?>