Кнопка отправки в каждой строке таблицы, которая вставляет данные этой строки в базу данных

Question

Как вы можете видеть, у меня есть эта страница, где есть кнопка «добавить в корзину» в каждой строке таблицы. Допустим, я нажимаю «добавить в корзину» для строки таблицы, где идентификатор продукта равен 1, я бы хотел, чтобы productid, productname, cartquantity были перенесены в корзину покупок на другой веб-странице. Является ли это возможным?

нормально, так как вы можете видеть, я хотел бы добавить идентификатор продукта 1 в мою телегу с количеством 3. Но когда я нажал добавить в корзину

Он всегда бежит к моей последней ProductID, который shofffwef и вместо этого добавляет его в корзину. Не уверен, что это происходит не так :(

Вот мой SQL-код для добавления в корзину кнопку

if(isset($_POST['insert'])){ //$_POST[X] X = name of textbox (***You got to do this In BASHOP) take note the productname.    
    $queryinsert = "insert into cart(productid,productname,cartquantity,amount) SELECT productid,productname,'$_POST[cartquantity]', '50' FROM product WHERE productid='$_POST[hidden]'";  
      mysqli_query($dbconn,$queryinsert);             
    } 

И вот мой код, чтобы показать таблицу, как и в первой картине.

while($row = mysqli_fetch_array($result)) { 
    echo "<tr>"; 
    echo "<td>"."<input type = 'text' name='productid' value=". $row['productid'] ."></td>"; 
    echo "<td>"."<input type = 'text' name='productname' value=". $row['productname'] ."></td>"; 
    echo "<td>" . $row['retailprice'] . "</td>"; 
    echo "<td>" . $row['pointsformula'] . "</td>"; 
    echo "<td>"."<button type='button' class='quantityaddsub' id='sub' onclick='quantitysub(".$row['productid'].")'>-</button>". 
        "<input type='text' class='quantity' name='cartquantity' id='quantity".$row['productid']."' value=1>". 
        "<button type='button' class='quantityaddsub' id='add' onclick='quantityadd(".$row['productid'].")'>+</button>". 
    "<input type='hidden' name='hidden' value=".$row['productid']."></td>"; 
    echo "<td>" . "<input type='submit' name='insert' value='Add To Cart'" . "></td>"; 
    echo "</tr>"; 
} 
echo "</table>"; 

Я искал всюду, но не смог найти решение, пожалуйста, помогите мне!

Answer 1

Вы проверили, были ли элементы вставлены в таблицу в базе данных (ее следует называть «cartitem» s "или аналогичный ..)?

Насколько я знаю, страница корзины покупок просто извлекает элементы из этой таблицы. Итак, сначала убедитесь, что элементы были вставлены успешно.

Answer 2

На самом деле вам не нужны теги <form> для каждой строки - на самом деле вам может не понадобиться теги <form>, если вы отправляете свою форму с помощью AJAX. Даже если вы отправляете форму в виде формы, вам нужен только один набор тегов <form>.

Что вам нужно, однако, это некоторый javascript для управления процессом добавления в корзину.

jsFiddle Demo

В принципе, вам нужно создать мягкую cart на самой странице. Для этого вы можете использовать переменную javascript или скрытое поле ввода. Давайте использовать скрытое поле ввода и оставить его нескрываемым на некоторое время, так что вы можете увидеть, что происходит:

<form id="tcform" method="post" action="checkout.php"> 
    <input type="text" id="tempcart" /><!-- when ready, change to type="hidden" --> 
</form> 

Каждый раз, когда кнопка AddToCart нажата, она будет добавить, что идентификатор ТР в корзине.Чтобы сделать вещи проще, давайте создадим идентификатор для каждого TR, добавьте PRODUCTID в качестве компонента ID этого ТР:

$out = "<table>"; 
while($row = mysqli_fetch_array($result)) { 
    $out .= "<tr id='tr_" .$row['productid']. "'>"; 
    $out .= "<td>"."<input type = 'text' name='productid' value=". $row['productid'] ."></td>"; 
    $out .= "<td>"."<input type = 'text' name='productname' value=". $row['productname'] ."></td>"; 
    $out .= "<td>" . $row['retailprice'] . "</td>"; 
    $out .= "<td>" . $row['pointsformula'] . "</td>"; 
    $out .= "<td>"."<button type='button' class='quantityaddsub' id='sub' onclick='quantitysub(".$row['productid'].")'>-</button>". 
        "<input type='text' class='quantity' name='cartquantity' id='quantity".$row['productid']."' value=1>". 
        "<button type='button' class='quantityaddsub' id='add' onclick='quantityadd(".$row['productid'].")'>+</button>". 
    "<input type='hidden' name='hidden' value=".$row['productid']."></td>"; 
    $out .= "<td>" . "<input type='submit' name='insert' value='Add To Cart'" . "></td>"; 
    $out .= "</tr>"; 
} 
$out .= "</table>"; 
echo $out; 

Теперь каждый TR имеет свой идентификатор, как: tr_17

Ваш код AddToCart может выглядеть как это:

$('.btnAddToCart').click(function(){ 
    var thisTR = $(this).closest('tr'); 
    thisTR.addClass('clicked'); //optional - use CSS to color row 
    var trid = thisTR.attr('id'); //tr_17 
    trid = trid.split('_')[1]; //17 
    $('#tempcart').val($('#tempcart').val() +'|'+ trid); 
}; 

Когда кнопка нажата CHECKOUT, вы можете использовать JavaScript, чтобы отправить tcform вместо:

$('#btnCheckout').click(function(){ 
    $('#tcform').submit(); 
}); 

Обратите внимание, что в приведенном выше примере используется JQuery, так что не забудьте включить свою библиотеку:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 

---

Конечная нота: при устранении проекта, как это, разбить его на этапы. Страница checkout.php (или что бы вы ни называли) сначала должна быть проверена с использованием жестко заданных значений.

После того, как он надежно помещает жестко заданные значения в базу данных, следующий тест, какие данные он получает. Сделайте это, создав страницу dummy checkout.php, которая просто отображает на экране данные, полученные через $_POST. Как только вы убедитесь, что обе части работают правильно, затем соедините их и ... надеюсь, что он будет работать в первый раз. Если нет, вы, по крайней мере, знаете, что работает, и отладочная работа намного проще/быстрее.

Bon шанс.

Answer 3

Вам нужно отделить каждую строку своей собственной формой. Предполагая, что вы хотите, чтобы избежать JQuery

while($row = mysqli_fetch_array($result)) { 
echo "<tr><form action='otherscript.php' method='POST'>"; 
echo "<td>"."<input type = 'text' name='productid' value=". $row['productid'] ."></td>"; 
echo "<td>"."<input type = 'text' name='productname' value=". $row['productname'] ."></td>"; 
echo "<td>" . $row['retailprice'] . "</td>"; 
echo "<td>" . $row['pointsformula'] . "</td>"; 
echo "<td>"."<button type='button' class='quantityaddsub' id='sub' onclick='quantitysub(".$row['productid'].")'>-</button>". 
       "<input type='text' class='quantity' name='cartquantity' id='quantity".$row['productid']."' value=1>". 
       "<button type='button' class='quantityaddsub' id='add' onclick='quantityadd(".$row['productid'].")'>+</button>". 
"<input type='hidden' name='hidden' value=".$row['productid']."></td>"; 
echo "<td>" . "<input type='submit' name='insert' value='Add To Cart'" . "></td>"; 
echo "</form></tr>"; 
} 
echo "</table>"; 

Таким образом, когда вы нажмете кнопку отправить, только данные этой строки посылается. Сейчас это немного грязно.