StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow can I update my cart with Ajax?
text
Body
copied!<p>I would really need some help from to AJAX Guru master overthere to help me building my update cart function on my website in AJAX.</p> <p>So basically, what I would like to do is, when I modify one of my product in one input_dropdown, my 'update_cart' function is automaticaly called and my prices are updated as well as my input</p> <p>EDIT : I rewrite my question since I made some progress thanks to Matei</p> <p>Here is my view :</p> <pre><code><?php $options = array( '0' => '0', '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', ); if($product['quantity']==0){ $value[$product['title']] = set_value('quantity'.$product['title']); }else{ $value[$product['title']] = $product['quantity']; } $data0 = 'class="quantSelect" value="'.$value[$product['title']].'" id="quant'.$product['title'].'"'; echo form_dropdown('quantity'.$product['title'], $options, $value[$product['title']],$data0); ?&gt; </td> <td> &lt;?php echo $product['price'] ?&gt; </td> <td id="&lt;?php echo 'price'.$product['title']?&gt;"> $&lt;?php echo $total[$product['title']] ?&gt; </td>[/code] </code></pre> <p>Well, everything is in a foreach loop but I think that here, it doesn't matter.</p> <p>Then I tried to set up the Matei AJAX function :</p> <pre><code>$(".quantSelect").click(function(){ $.POST("&lt;?php echo base_url().'main/update_cart';?&gt;", {product_id:$('&lt;?php echo $product['quantity']; ?&gt;').val(),quantity:$('&lt;?php echo 'quantity'.$product['title'] ?&gt;').val()}, function(data){ if(data.success) { $("&lt;?php echo 'price'.$product['title']?&gt;").val(data.some_returned_value); // update value of an text input or textarea (view more info about jQuery selectors) $("#totalPriceWithTaxes").html(data.some_other_returned_value); // update value of a paragraph } }, 'json'); }); </code></pre> <p>And at last the update cart function : </p> <pre><code>function update_cart(){ $success = false; if(!empty($_POST['product_id']) && !empty($_POST['quantity']) && is_numeric($_POST['quantity'])) { // I get all the information i need here in order to calcul the final price //We calcul the final price with taxes, shipping and everything. $data['totalPriceWithTaxes'] = $data['tax'] + $data['totalPrice'] + $data['Shipping']->shipping; $this->session->set_userdata('totalPriceWithTaxes', $data ['totalPriceWithTaxes']); $success = true; $some_returned_value = 69; $some_other_returned_value = $data['totalPriceWithTaxes']; // the final price } echo json_encode(array("success" => $success, "some_returned_value" => $some_returned_value, "some_other_returned_value" => $some_other_returned_value)); } </code></pre> <p>Here we are, so I can't see any update. If someone could help me to figure out how to set up that AJAX Function, I would deeply appreciate :)</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload