daily pastebin goal
81%
SHARE
TWEET

Untitled

basart1 Mar 18th, 2019 52 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <html>
  3. <head>
  4.     <link rel="stylesheet" href="/css/styles.css" type="text/css">
  5.     <meta charset="utf-8">
  6.     <title>My Form</title>
  7. </head>
  8. <body>
  9. <table class="tab2" border="1">
  10.     <tbody id="body">
  11.     <tr>
  12.         <th>Имя</th>
  13.         <th>Фамилия</th>
  14.         <th>Номер телефона</th>
  15.     </tr>
  16.     <?php
  17.     require_once 'form.php';
  18.     ?>
  19.     <script>
  20.         function AJAX() {
  21.             var request = createRequest();
  22.             sendData(request)
  23.  
  24.         }
  25.  
  26.         AJAX()
  27.  
  28.         function createRequest() {
  29.             return new XMLHttpRequest();
  30.         }
  31.  
  32.         function sendData(Request) {
  33.             var name = document.getElementById('name');
  34.             var surname = document.getElementById('surname');
  35.             var pn = document.getElementById('pn');
  36.             var body = 'name=' + encodeURIComponent(name) + '&surname' + encodeURIComponent(surname) + '&pn' + encodeURIComponent(pn);
  37.             Request.open("POST", 'form.php', true);
  38.             Request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  39.             checkReadyRequest(Request)
  40.             Request.send(body);
  41.         }
  42.  
  43.         function checkReadyRequest(request) {
  44.             request.onreadystatechange = function () {
  45.                 if (this.readyState != 4) return;
  46.  
  47.                 if (this.status == 200) {
  48.                     {
  49.                         if (this.responseText != null) {
  50.                             document.getElementById('body').innerHTML = this.responseText
  51.                             if (Request.open == true){
  52.  
  53.                             }
  54.                         } else {
  55.                             alert("Mistake AJAX: Data not found")
  56.                         }
  57.                     }
  58.                 } else {
  59.                     alert("Mistake AJAX: " + this.statusText)
  60.  
  61.                 }
  62.  
  63.             }
  64.         }
  65.  
  66.     </script>
  67.     </tr>
  68.     </tbody>
  69. </table>
  70. <input type="button" value="Добавить" id="btnTrigger"/>
  71. <input type="button" value="Удалить всё" id="deleteAllRows"/>
  72. <form class="form" action="table.php" method="post" id="form">
  73.     <p>My form</p>
  74.     <fieldset>
  75.         <legend>Запись данных</legend>
  76.         <p><label for="name">Имя <em>*</em></label><input value="Artur" type="text" id="name" name="name"></p>
  77.         <p><label for="surname">Фамилия<em>*</em></label><input value="Borisovskiy" type="text" id="surname"
  78.                                                                 name="surname"></p>
  79.         <p><label for="phonenumber">Номер телефона<em>*</em></label><input value="+380969157329" type="text" id="pn"
  80.                                                                            name="pn"></p>
  81.         <input type="submit" value="Добавить" action="form.php" method="post" id="btnAdd"/>
  82.  
  83.     </fieldset>
  84. </form>
  85. <!--<script src="ajax.js" charset="utf-8"></script>-->
  86. </body>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top