2017-07-25 74 views
-1

我想使用Ajax將我的數據插入到mysql中。但是,我無法將其保存到數據庫中。任何人都可以提出我的錯誤在哪裏?使用Ajax將數據插入到mysql

的HTML和Ajax代碼如下:

<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> 

我不知道的ID,必須是一樣嗎?正如我將#addJoint2放入我的Ajax時發生錯誤(當我點擊該字段時,將出現警報)。

我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); 
+1

幫助我們來幫助你..你有什麼錯誤? ajax請求是否被執行? (在chrome或firefox下檢查網絡標籤) – Superdrac

+0

是你輸入的一種形式嗎?我沒有看到$'('#addJoint2 form')。serialize()'工作的任何表單標籤 – CumminUp07

+0

數據不存儲在mysql中 – xhinvis

回答

1

把輸入類型的表單中,並給予ID的形式

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

,並使用以下的jQuery從所有表單字段中獲取價值。

<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> 

以後可以收集這樣所有的現場數據後,提取這樣的數據在目標頁面

$value1=$_POST['occupationJoint2']; 

,將其插入到數據庫中。