Alterar a quantidade em ajax

[Clayton]

Este é o carrinho:

<?php
include(dirname(__FILE__) . './funcao/conecta.php');
//include(dirname(__FILE__) . './classes/shop.class.php');
    session_start();

      if(!isset($_SESSION['shop'])){
         $_SESSION['shop'] = array();
      }

      //adiciona produto

        if(isset($_GET['acao'])){
         if($_GET['acao'] == 'add'){
              $id = intval($_GET['id']);
              if(!isset($_SESSION['shop'][$id])){
                $_SESSION['shop'][$id] = 1;
           }
        }
        //subtrari produto do cesto
                 if($_GET['acao'] == 'sub'){
                    $id = intval($_GET['id']);
                    if(!isset($_SESSION['shop'][$id])){
                       $_SESSION['shop'][$id] = 1;
                    }else{
                       $_SESSION['shop'][$id] -= 1;
                    }if  ($_SESSION['shop'][$id] == 0 ) {
        unset ($_SESSION['shop'][$id]) ;
        }
                 }

         //remove produto do cesto
         if($_GET['acao'] == 'del'){
            $id = intval($_GET['id']);
            if(isset($_SESSION['shop'][$id])){
               unset($_SESSION['shop'][$id]);
            }
         }

         //ALTERAR QUANTIDADE
             //Se existir $_POST['prod'] então começa..
             if (isset($_POST['prod']))
             if($_GET['acao'] == 'up'){
            if(is_array($_POST['prod'])){
               foreach($_POST['prod'] as $id => $qtd){
                  $id  = intval($id);
                  $qtd = intval($qtd);
                  if(!empty($qtd) || $qtd <> 0){
                     $_SESSION['shop'][$id] = $qtd;
                  }else{
                     unset($_SESSION['shop'][$id]);
                  }
               }
            }
         }

      }

aki as variáveis:

 $foto = $linha['foto'];
                                   $nome = $linha['nome'];
                                   $descricao = $linha['descricao'];
                                   $tamanho = $linha['tamanho'];
                                   $cor = $linha['cor'];
                                   $preço = $linha['preço'];
                                   $linha['preço'] = str_replace(",",".",$linha['preço']);

                                  $sub = str_replace(",",".",$linha['preço']) * $qtd ;

                                  $total += $preço;

 

aki os inputs:

  echo '<td><strong><font size="4" color="yellow">R$ '.$preço.'</td>';
        echo' <td><input type="text" size    ="3" name="prod['.$id.']" value="'.$qtd.'" /></td>';
        echo '<td><strong><font size="4" color="yellow">R$ '.$sub.'</td>';

 

Como posso fazer para alterar no meu carrinho  a quantidade e atualizar o subtotal  em ajax , não conheço ajax , gostaria que alguém pudesse me mostrar como fazer.

[wash]

Olá! Mande um screenshot de onde é mostrada a quantidade e o subtotal.

[Clayton]

Está assim repete o mesmo preço, não altera a quantidade e não soma o total.

[wash]

Olá! Mande um screenshot(do script)(ou cole o trecho) de onde é mostrada a quantidade e o subtotal.

Editado Janeiro 28, 2016 por wash

[Clayton]

O código está assim , eu gostaria de colocar um botão de mais e menos no input da quantidade, para atualizar o preço e a quantidade automaticamente:    $conn = conecta();
  foreach ($_SESSION['shop'] as $id => $qtd) {
                             $cart = $conn->prepare("SELECT * FROM produtos WHERE  id=$id");
                             $cart->setFetchMode(PDO::FETCH_ASSOC);
                             $cart->execute();
                             while ($linha = $cart->fetch()) {
                                   $foto = $linha['foto'];
                                   $nome = $linha['nome'];
                                   $descricao = $linha['descricao'];
                                   $tamanho = $linha['tamanho'];
                                   $cor = $linha['cor'];
                                   $preço = $linha['preço'];
                                   $linha['preço'] = str_replace(",",".",$linha['preço']);
                                   $sub = number_format($linha['preço'] * $qtd, 2, ',', '.');
                                   $total += $preço;
                                   echo '<tr>';
        echo '<td><img src = "' . $foto . ' " width = "120px"</td>';
        echo '<td><strong><font size="4" color="yellow">'.$nome.'</td>';
        echo '<td><strong><font size="4" color="yellow">'.$descricao.'</td>';
        echo '<td><strong><font size="4" color="yellow">'.$tamanho.'</td>';
        echo '<td><strong><font size="4" color="yellow">'.$cor.'</td>';
        echo '<td><strong><font size="4" color="yellow">R$ '.$preço.'</td>';
        echo'<td align = "center"><strong><font size="3" color="yellow"><input type="text" size    ="1"  style="font-family: Tahoma; font-size: 20px;align = "center" name="prod['.$id.']" value="'.$qtd.'"/></td>';
        echo '<div id="total" ><td><strong><font size="5" color="yellow">R$ '.$sub.'</td>';
        echo '<td align = "center" colspan = "9"><a href="?acao=del&id='.$id.'"><img src="./imagens/remover.png" width="70" height="70" ></td>';
        echo '</tr>';
}
echo '<tr>';
}
}
?>