Verwenden von Ajax zum Einfügen von Daten in mysql

Question

Ich möchte meine Daten in mysql mit Ajax einfügen. Ich kann es jedoch nicht in der Datenbank speichern. Kann jemand vorschlagen, wo meine Fehler sind?

Der HTML-Code und Ajax ist unten:

<div class="modal fade" id="addJoint2" role="dialog" action="Handle.php"> 
    <table id="01"> 
     <tr> 
      <th></th> 
      <th>Joint Applicant2</th> 
     </tr> 
     <tr> 
      <td>Occupation</td> 
      <td><input type="text" id="occupationJoint2" name="occupationJoint2" type="text" value="<?php echo $occupationJoint2; ?>"></td> 
     </tr> 
    </table>  
    <div class="modal-footer"> 
     <button type="button" class="btn btn-success btn-lg" data-dismiss="modal" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span>Insert</button> 
    </div> 


</div> 

<script> 
    $('#addJoint2 button.btn.btn-warning.btn-lg').click(function (event) { 
     event.preventDefault(); 
     $.ajax({ 
      url: "Handle.php", //this is the submit URL 
      type: 'POST', //or GET 
      data: $('#addJoint2 form').serialize(), 
      success: function (data) { 
       alert('Joint 2 Added'); 
       window.location.reload(); 

      } 
     }); 
    }); 
</script> 

Ich bin über die ID nicht sicher, muss es gleich sein? Als ich #addJoint2 in meinem Ajax setzte, trat ein Fehler auf (wenn ich auf das Feld klicke, wird die Warnung angezeigt).

Mein handle.php:

<?php 
session_start(); 
require_once 'db/dbfunction.php'; 

$con = open_connection(); 



function addemployementdetails3($con, $occupationJoint2){ 
    $query2 = "insert into employementdetails(Occupation) 
      values('$occupationJoint2')"; 
       $insertResult2 = mysqli_query($con, $query2); 
       if($insertResult2){ 
        echo " Applicant Detail Added !<br />"; 
        echo "<a href='index.php'>Back to Home</a>"; 
       } 
       else { 
        echo " Error !"; 
        echo "{$query2}"; 
        //header('Location: post.php'); 
       } 
} 

if (isset($_POST['occupationJoint2'])){ 
$occupationJoint2 = $_POST['occupationJoint2']; 

addemployementdetails3($con, $occupationJoint2); 
} 
close_connection($con); 

Answer 1

Setzen Sie den Eingabetyp in einem Formular und geben die ID in das Formular

<form id="addJoint2"> 
<input type="text" id="occupationJoint2" name="occupationJoint2" type="text" value="<?php echo $occupationJoint2; ?>"> 
</form> 
<input type="button" id="btn" value="submit"> 

und verwenden Sie die folgende Jquery Wert aus allen Formularfelder zu erhalten.

<script> 
    $('#btn').click(function() { 

     $.ajax({ 
      url: "Handle.php", //this is the submit URL 
      type: 'POST', //or GET 
      data: $('#addJoint2').serialize(), 
      success: function (data) { 
       alert('Joint 2 Added'); 
       window.location.reload(); 

      } 
     }); 
    }); 
</script> 

Später können Sie die Daten wie diese in der Zielseite

$value1=$_POST['occupationJoint2']; 

schließlich die Felddaten wie das Sammeln, legen Sie sie in die Datenbank extrahieren.