Question

我想在PHP中使用带有ajax的modal更新数据。我是初学者，请告诉我我的错误在哪里。

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代码：这里当我点击Button时，会出现模态，并在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课程。我建议你使用不同的班级名称或身份证。

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

希望这段代码很好用。

如何使用带有ajax，php和mysql的模态更新数据？

1 个答案: