如何使用modal與ajax，php和mysql更新數據？

Question

我想用PHP中的ajax使用模態更新數據。我很開心，請告訴我我的錯誤在哪裏。

HTML代碼

<button type="submit" class="btn btn-success" data-toggle="modal" data-cphone='.$row['country_phon'].' data-cname='.$row['country_name'].' >Update</button>'; 
<div id="myModal" class="modal fade" tabindex="-1" role="dialog"> 
<div class="modal-dialog"> 

    <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Update Country</h4> 
      </div> 
    <form action="" method="post"> 
       <div class="modal-body"> 
        <input type="text" id="cn" name="pcountry"> 
     </div> 
       <div class="modal-body"> 
        <input type="text" id="cph" name="pphone"> 
       </div> 
       <div class="modal-footer"> 
        <button type="submit" class="btn btn-primary updt" name="updatecountry" >Save</button> 

JS代碼：在這裏，當我點擊按鈕，模式會出現與使用jQuery的幫助數據庫中獲取的值。

<script> 
    $(document).ready(function(){ 
    $(".btn").click(function(){  
    var cphone =$(this).data('cphone'); 
    var cname = $(this).data('cname'); 
    $("#cph").val(cphone); 
     $("#cn").val(cname); 
     $("#myModal").modal('show'); 
    }); 
    });</script> 

JS代碼：這是ajax代碼。我想更新文本框的文本。

  <script> 
       $(".updt").click(function(e){ 
        e.preventDefault();      
        var cnt = $("#myModal").find("input[name='pcountry']").val(); 
        var cp = $("#myModal").find("input[name='pphone']").val(); 

        $.ajax({ 
         dataType: 'json', 
         type:'POST', 
         url: 'test.php', 
         data:{pcountry:cnt, pphone:cp}, 
        }) 

       )}; 

       </script></div> 

PHP代碼：

      <?php 
if(isset($_POST['updatecountry'])) 
{$country1 = $_POST['pcountry']; 
$phone1 = $_POST['pphone']; 
echo $country1; 
echo $phone1; 
echo "Updated Successfully"; 
mysqli_query($conn,"update country set country_name='$country1' , country_phon='$phone1' where country_id=18"); 
mysqli_close($conn); 

}?> 

Answer 1

上查看btn類使用了update和save。我建議你請使用不同的班級名稱或ID。

<button type="submit" class="form_update btn btn-success" data-toggle="modal" data-cphone='.$row['country_phon'].' data-cname='.$row['country_name'].' >Update</button>'; 

JS改變

<script> 
    $(document).ready(function(){ 
     $(".form_update").click(function(){  
      var cphone = $(this).attr("data-phone"); 
      var cname = $(this).attr("data-cname"); 
      $("#cph").val(cphone); 
      $("#cn").val(cname); 
      $("#myModal").modal('show'); 
     }); 
    }); 
</script> 

希望這個代碼是workinf罰款。