Ytukyg

So i have part where AJAX updates cart on click. Every AJAX call on my website is working fine except this one where call is processed but it just clears part of the page that should've been updated. So on both buttons click after <tbody id="korpin"> everything is cleared until next div.

Cart.php

<tbody id="korpin">



<?php 

$conn = new mysqli("localhost", "root", "", "pc") or die("Unable to connect");

    foreach($_SESSION['korpica'] as $id => $korpa):

$sql = $conn->prepare("SELECT a.sifra,a.slika,a.imeProizvoda,a.brend,b.cijena,b.cijena2 FROM proizvodi a inner join stanje b on a.sifra = b.sifra WHERE a.sifra = '".$korpa."'");



            if($sql->execute()){

            $sql->bind_result($sifra,$slika,$imeProizvoda,$brend,$cijena,$cijena2);

            $sql->store_result();

            while($sql->fetch()){

            ?>

                  <tr>

                    <td class="text-center"><a href="product.php?category=<?php echo $sifra; ?>"><img width="70px" src="image/proizvodi/<?php echo $slika; ?>.jpg" alt="<?php echo $imeProizvoda; ?>" title="<?php echo $imeProizvoda; ?>" class="img-thumbnail" /></a></td>

                    <td class="text-left"><a href="product.php?category=<?php echo $sifra; ?>"><?php echo $imeProizvoda; ?></a><br />

                     </td>

                    <td class="text-left"><?php echo $brend; ?></td>

                    <td class="text-left" width="200px"><div class="input-group btn-block quantity">



 <span class="input-group-btn">

<button type="button" data-toggle="tooltip" title="+1" class="btn btn-primary" onclick="dodaj(`<?php echo $sifra; ?>`); cart.add(`<?php echo(str_replace('"', '\`', $imeProizvoda)); ?>`); refresh(`<?php echo $sifra; ?>`);"><i class="fa fa-clone"></i></button>

 <button type="button" data-toggle="tooltip" title="Ukloni" class="btn btn-danger" onclick="ukloni(`<?php echo $sifra; ?>`); sd.remove(`<?php echo(str_replace('"', '\`', $imeProizvoda)); ?>`); refresh(`<?php echo $sifra; ?>`);"><i class="fa fa-times-circle"></i></button>

</span></div></td>

 <?php if ($cijena2 > 0): ?>

 <td class="text-right">€<?php echo bcdiv($cijena2,1,2); ?></td>

<td class="text-right">€<?php echo bcdiv($cijena2,1,2); ?></td>

<?php else :?>

<td class="text-right">€<?php echo bcdiv($cijena,1,2); ?></td>

<td class="text-right">€<?php echo bcdiv($cijena,1,2); ?></td>

<span class="price-old"></span>

 <?php endif ?>

 </tr> 

 <?php 

}$sql->free_result();

} endforeach;



$conn->close(); 

?>



</tbody>

korpinUpd.js

function refresh(sifra) {

    $.ajax({

        url: 'cartUpdate.php',

        success : function(data) {

        $('#korpin').html(data);

                }



    });

}

and finally cartUpdate.php

  <?php 

    session_start();

    $output ='';

               $cena;                               $conn = new mysqli("localhost", "root", "", "pc") or die("Unable to connect");

 foreach($_SESSION['korpica'] as $id => $korpa){

$sql = $conn->prepare("SELECT a.sifra,a.slika,a.imeProizvoda,a.brend,b.cijena,b.cijena2 FROM proizvodi a inner join stanje b on a.sifra = b.sifra WHERE a.sifra = '".$korpa."'");



if($sql->execute()){

$sql->bind_result($sifra,$slika,$imeProizvoda,$brend,$cijena,$cijena2);

 $sql->store_result();

while($sql->fetch()){



$output.= '<tr>';

$output.='<td class="text-center"><a href="product.php?category='.$sifra.'"><img width="70px" src="image/proizvodi/'.$slika.'.jpg" alt="'.$imeProizvoda.'" title="'.$imeProizvoda.'" class="img-thumbnail" /></a></td>

<td class="text-left"><a href="product.php?category='.$sifra.'">'.$imeProizvoda.'</a><br />

 </td>

 <td class="text-left">'.$brend.'</td>

 <td class="text-left" width="200px"><div class="input-group btn-block quantity">

 <span class="input-group-btn">

<button type="button" data-toggle="tooltip" title="+1" class="btn btn-primary" onclick="dodaj(`'.$sifra.'`); cart.add(`'.(str_replace('"', '\`', $imeProizvoda)).'`); refresh(`'.$sifra.'`);"><i class="fa fa-clone"></i></button>

 <button type="button" data-toggle="tooltip" title="Ukloni" class="btn btn-danger" onclick="ukloni(`'.$sifra.'`); sd.remove(`'.(str_replace('"', '\`', $imeProizvoda)).'`); refresh(`'.$sifra.'`);"><i class="fa fa-times-circle"></i></button>

</span></div></td>';

 if ($cijena2 > 0){

$cena = $cijena2;

}else{

 $cena = $cijena;

  }

  $output .=  '<td class="text-right">€'.$cena.'</td>

        <td class="text-right">€'.$cena.'</td>';



$output .= '</tr>';

  }

  }}



        $conn->close();                    

    echo $output;



    ?>

Try echo json_decode($output); , your AJAX call might not recognize what you are sending.