PHP POST форма после вызова AJAX - PullRequest
0 голосов
/ 01 сентября 2018

Проблема: моя форма php не отправляется.
Это моя страница:

enter image description here

Имеет список цветов, представленный php:

<div class="table-container">
   <div>
      <table class="myTable" id="myTable">
         <tr class="header">
           <th>Variants</th>
           <th>Size</th>
           <th>Price (€)</th>
         </tr>

              <?php                             
                $current_name = $_GET['prod-name'];
                $get_product_det = "SELECT * FROM product_details WHERE product_name='$current_name' ORDER BY position";
                $run_product_det = mysqli_query($con, $get_product_det);
                while ($row_product_det = mysqli_fetch_array($run_product_det)){
                $id = $row_product_det['id'];
                $product_variant = $row_product_det['product_variant'];
                $product_size = $row_product_det['size'];
                $product_price = $row_product_det['price'];
                $position = $row_product_det['position'];

                echo "<tr data-index='$id' data-position='$position'>
                      <td><a id='$id'>$product_variant</a></td>
                      <td>$product_size</td>
                      <td>$product_price</td>
                      </tr>";
                };  
              ?>
      </table>
   </div>

Каждый цвет имеет уникальный идентификатор. При нажатии на цвет запускается сценарий AJAX, который работает нормально:

<div class='product-det-div' id='product_details'>
            <script>
              var links = document.getElementsByTagName('a');
              for (var i = 0, il = links.length; i < il; i++) {
                links[i].onclick = function() {
                  var id = this.id;
                  var product_details = document.getElementById('product_details');
                  var request = new XMLHttpRequest();

                  request.open('POST', 'product_details.php?variant_id=' + id, true);

                  request.onreadystatechange = function() {
                    if (request.readyState === 4 & request.status === 200) {
                      product_details.innerHTML = request.responseText;
                    } else {
                      product_details.innerHTML = 'An error occurred during your request: ' + request.status + ' ' + request.statusText;
                    }
                  };

                  request.send();
                };
              };
            </script>
     </div>

enter image description here

Когда происходит вызов ajax, что происходит с URL страницы? Я передаю идентификатор цвета через URL, но при попытке получить его с помощью PHP кажется, что он не находит его. Вот код страницы:

$current_id = $_REQUEST['variant_id'];

$get_product_det = "SELECT * FROM product_details WHERE id=$current_id";
$run_product_det = mysqli_query($con, $get_product_det);

while ($row_product_det = mysqli_fetch_array($run_product_det)){
$product_variant = $row_product_det['product_variant'];
$product_size = $row_product_det['size'];
$product_price = $row_product_det['price'];


    echo "
      <form action='' method='post'>
      <h2 style='margin-bottom: 20px;'>$product_variant</h2>
      <div><label>Nome Prodotto</label><input value='$product_variant'></div>
      <div><label>Dimensione</label><input value='$product_size' type='number' name='product_size'></div>
      <div><label>Prezzo (€)</label><input value='$product_price' id='product_price' name='product_price'></div>
      <button type='submit' name='edit_variant_btn'>Send</button>
      </form>
    ";

  if(isset($_POST['edit_variant_btn'])) {
      $variant = $_POST['product_size'];    
      $current_id = $_REQUEST['variant_id'];

      $update_size = "UPDATE product_details SET size = '$variant' WHERE id = '$current_id'"; 
      $run_update = mysqli_query($con, $update_size);

      if($run_update) {
  echo "<script>window.open('variable_product.php?prod-name=Polycolor', '_self');</script>";
  }
  }     


};

?>

Спасибо за ваше время, любая помощь приветствуется.

РЕДАКТИРОВАТЬ: Я пробовал все изменения, которые вы все посоветовали, также пробовал $ _REQUEST ["option_id"], как сказал Banujan Balendrakumar, но по-прежнему безрезультатно. Единственный способ заставить его работать - это изменить действие формы следующим образом:

 <form action='' method='post'>

до

 <form action='product_details.php?variant_id=$current_id' method='post'>

Таким образом, он работает, потому что при нажатии кнопки он открывает эту страницу и получает оттуда значение идентификатора, но это всего лишь способ обойти проблему ... Есть еще идеи?

Ответы [ 2 ]

0 голосов
/ 02 сентября 2018

enter image description here

Это работает для меня ....

<div class="table-container">
   <div>
      <table class="myTable" id="myTable">
         <tr class="header">
           <th>Variants</th>
           <th>Size</th>
           <th>Price (€)</th>
         </tr>

              <?php                  
                $con = new mysqli('localhost','root','','check');
                $get_product_det = "SELECT * FROM product_details ORDER BY position";
                $run_product_det = mysqli_query($con, $get_product_det);
                while ($row_product_det = mysqli_fetch_array($run_product_det)){
                $id = $row_product_det['id'];
                $product_variant = $row_product_det['product_variant'];
                $product_size = $row_product_det['size'];
                $product_price = $row_product_det['price'];
                $position = $row_product_det['position'];

                echo "<tr data-index='$id' data-position='$position'>
                      <td><a id='$id'>$product_variant</a></td>
                      <td>$product_size</td>
                      <td>$product_price</td>
                      </tr>";
                };  
              ?>
      </table>
   </div>
   <div class='product-det-div' id='product_details'>
            <script>
              var links = document.getElementsByTagName('a');
              for (var i = 0, il = links.length; i < il; i++) {
                links[i].onclick = function() {
                  var id = this.id;
                  var product_details = document.getElementById('product_details');
                  var request = new XMLHttpRequest();

                  request.open('POST', 'product_details.php?variant_id=' + id, true);

                  request.onreadystatechange = function() {
                    if (request.readyState === 4 & request.status === 200) {
                      product_details.innerHTML = request.responseText;
                    } else {
                      product_details.innerHTML = 'An error occurred during your request: ' + request.status + ' ' + request.statusText;
                    }
                  };

                  request.send();
                };
              };
            </script>
     </div>

информация о продукте

<?php

$current_id = $_REQUEST['variant_id'];
$con = new mysqli('localhost','root','','check');
$get_product_det = "SELECT * FROM product_details WHERE id=$current_id";
$run_product_det = mysqli_query($con, $get_product_det);

while ($row_product_det = mysqli_fetch_array($run_product_det)){
$product_variant = $row_product_det['product_variant'];
$product_size = $row_product_det['size'];
$product_price = $row_product_det['price'];


    echo "
      <form action='' method='post'>
      <h2 style='margin-bottom: 20px;'>$product_variant</h2>
      <div><label>Nome Prodotto</label><input value='$product_variant'></div>
      <div><label>Dimensione</label><input value='$product_size' type='number' name='product_size'></div>
      <div><label>Prezzo (€)</label><input value='$product_price' id='product_price' name='product_price'></div>
      <button type='submit' name='edit_variant_btn'>Send</button>
      </form>
    ";

  if(isset($_POST['edit_variant_btn'])) {
      $variant = $_POST['product_size'];    
      $current_id = $_REQUEST['variant_id'];

      $update_size = "UPDATE product_details SET size = '$variant' WHERE id = '$current_id'"; 
      $run_update = mysqli_query($con, $update_size);

      if($run_update) {
  echo "<script>window.open('variable_product.php?prod-name=Polycolor', '_self');</script>";
  }
  }     


};

?>
0 голосов
/ 01 сентября 2018

заменить $ _GET ["variable_id"] на $ _REQUEST ["variable_id"]

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...