I am working on an application were the user scans a qr code and the information relating to that qr code is stored in a database. So far this is what I have ... 

This is the scanner functions

1.  $(document).ready(function () {
3.                 $("#insert").click(function () {
4.                     var serial_no = window.localStorage.getItem("serial");
5.                     var user_name = window.localStorage.getItem("user_name");
6.                     var company_id = window.localStorage.getItem("id");
7.                     var distributor = window.localStorage.getItem("distributor");
8.                     var date = date_time('date_time');
9.                     var n = company_id.toString();
10.                     //document.getElementById("date_time").innerHTML = company_id;
11. 
    
12.                     var dataString = "company_id=" + n + "&distributor=" + distributor + "&title=" + serial_no + "&location=" + user_name + "&frequency=" + date + "&insert=";
13.                     //var dataString = {company_id: n, distributor: distributor, title: serial_no, location: user_name, frequency: date, insert};
14.                     $.ajax({
15.                         type: "POST",
16.                         url: "http://system/mobileDB/scanned.php",
17.                         data: dataString,
18.                         crossDomain: true,
19.                         cache: false,
20.                         beforeSend: function () {
21.                             $("#insert").val('Connecting...');
22.                         },
23.                         success: function (data) {
24.                             if (data === "success") {
25.                             } else if (data === "error") {
26.                                 alert("error");
27.                             }
28.                         }
29.                     });
30.                 });
31.             }); 

I think my problem stems from the fact that I have .click. When the user loads this page it goes straight into a scanner. Then once they scan the qr code the information appears on screen. So the this insert button never appears on screen.

1. <input type="button" id="insert" class="button button-block" value="Insert" style="display: none;"/>

But since this button is never clicked nothing ever happens.

This is the scanned.php that is receiving the data.

2. <?php
3.  include "db.php";
4. 
   
5. 
   
6.  $user_name=$_POST['location'];
7.  $date=$_POST['frequency'];
8.  $serial_no=$_POST['title'];
9.  $customer_id=$_POST['company_id'];
10.  $distributor=$_POST['distributor'];
11. 
    
12. if(!isset($customer_id))
13. {
14. $customer_id = 1;
15. }
16.  
17.  $q=mysqli_query($con,"INSERT INTO `recently_scanned` (user_id, user_details, distributor, serial_no, scanDate) VALUES ('$customer_id', '$user_name', ' $distributor', '$serial_no', '$date')"); 
18.  if($q)
19.   echo "success";
20.  else
21.   echo "error";
22. 
    
23.  ?>

This page throws an error saying all indexs are undefined because it is being passed nothing.

My question is how do I get my insert function to run as soon as a qr code is scanned ?