php - AJAX call not working dynamically? -


i have following script:

    $(document).ready(function(){         $('#additem').click(function(){             $.ajax({                  type: 'post',                  url: 'php/additem.php',                  data: {itemname: $('#itemname').val()},                  data: {pricetotal: $('#price').val()},                  data: {description: $('#description').val()},                  success: function(data)                  {                     can call separate ajax query here? want repull 2 tables data resulting itemadd seems dynamic.                  }              });          });      });

here html:

    <div class="col-sm-4 col-md-4">                     <div class="content-boxes style-two top-column clearfix animated flipiny" style="opacity: 1;">                         <div class="content-boxes-text">                             <form action="php/additem.php" method="post" class="form-inline pull-right">                                 <h4>'.$row['itemname'].'</h4><input id="itemname" type="hidden" name="itemname" value="'.$row['itemname'].'">                                 <h3>$'.$price.'</h3><input id="price" type="hidden" name="pricetotal" value="'.$price.'">                                    <img src="../wholesale/img/sourdough.jpg" class="img-reponsive">                                 <p>'.$row['description'].'</p><input id="description" type="hidden" name="description" value="'.$row['description'].'">                                 <div class="form-group">                                 <label class="sr-only" for="exampleinputamount">qty</label>                                 <div class="input-group">                                 <input type="number" name="qty" class="form-control" id="qtyitem" placeholder="how many?">                                 </div>                                 </div>                                 <button type="submit" id="additem" class="btn btn-primary">add</button>                             </form>                         </div>                         <!-- //.content-boxes-text -->                     </div>                     <!-- //.content-boxes -->                 </div>

the problem when submit form page reloads normal query. page should not refresh , item adding should happen dynamically.

i having trouble idea: initial loading pulls data 2 tables, best recall initial ajax query after have added item?

please give me reasoning write can learn this. thank all.

    session_start(); include('db_config.php');  $date = date("y-m-d"); $itemname = $_post['itemname']; $description = $_post['description']; $qty = $_post['qty']; $price = $_post['pricetotal'] * $qty; $id = $_session['customer_id'];  $sql = "insert orders (deliverydate, customerid, itemname, qty, price) values (?, ?, ?, ?, ?)";  $stmt = $conn->prepare($sql); $stmt->execute(array($date, $id, $itemname, $qty, $price));  header('location: ../order.php');

js script

<script type="text/javascript">     $(document).ready(function(){     $('.form-inline').on("submit",function(event){        event.preventdefault();         $.ajax({              type: 'post',              url: 'php/additem.php',              data: {                   itemname: $('#itemname').val(),                    pricetotal: $('#price').val(),                    description: $('#description').val(),                   qty: $('#qtyitem').val()              },              success: function(data)              {                 alert(data);              }          });       });  });     </script>

additem button submit button performs default operation

to avoid page reload

use : event.preventdefault();

change code 

   $(document).ready(function(){     $('.form-inline').on("submit",function(event){        event.preventdefault();         $.ajax({              type: 'post',              url: 'php/additem.php',              data: {                       itemname: $('#itemname').val(),                        pricetotal: $('#price').val(),                        description: $('#description').val()              },              success: function(data)              {                 // perform action              }          });      });  });

Comments

Post a Comment

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

this code i'm using find latitude , longitude of place: function coords($address){ echo $url="http://maps.googleapis.com/maps/api/geocode/json?address=".$address; $json = file_get_contents(urlencode($url)); $data = json_decode($json, true); print_r($data['results'][0]['geometry']['location']['lat']); print_r($data['results'][0]['geometry']['location']['lng']); } however returns warning: failed open stream: http request failed! http/1.0 400 bad request if use above code in simple procedure works fine not in function. note: have tried curl_init()... method produced same result? instead of encoding whole url encode address part. following code work fine $add='jamshoro phase 2'; $url="http://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($add); $json = file_get_contents($url); $data = json_decode($json, true); print_r($data['r
Read more

java - How to filter a backspace keyboard input -

i have code gives message when key number pressed: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochararray().length - 1]; if (!(ch >= '0' && ch <= '9')) { system.out.println("the char entered not number"); t.consume(); } } }); now if press on wrong button , press backspace remove it, error message. how can add backspace input if statement? i have found answer: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochar
Read more

java - Show Soft Keyboard when EditText Appears -

i have code in android app, alert dialog , keyboard, , when dialog shown want keyboard appear. not , not sure why? here code: final alertdialog.builder alert = new alertdialog.builder(this); alert.settitle("title"); alert.setmessage("message"); final edittext input = new edittext(this); input.setinputtype(inputtype.type_class_number); alert.setview(input); input.setonfocuschangelistener(new view.onfocuschangelistener() { @override public void onfocuschange(view v, boolean hasfocus) { if (hasfocus) { log.i(tag, "in focus"); inputmethodmanager inputmethodmanager = (inputmethodmanager) getsystemservice(context.input_method_service); inputmethodmanager.showsoftinput(input, inputmethodmanager.show_implicit); } } }); but keyboard not appear though edit text in focus, , tell appear why, doesn't come up? thanks in advance.
Read more