更新模式引导程序和ajax

时间:2018-09-10 09:10:26

标签: javascript php ajax bootstrap-4 bootstrap-modal

-当我使用ajax更新时,他进行了更改,但他只使用了'id'而不是新变量

但是我想通过Ajax将我的电子邮件插入数据库。我不希望页面被重定向,因为每次刷新页面时,都会将空值插入数据库。

1)和ajax

function editdata(str){
   var id= str;
   var name  = $('#nameofequipe-'+str).val();
      $.ajax({
       type:"post",
       url: "<?php echo API;?>equipe/update.php",
       data:"nameofequipe="+name+"&id="+id,
       success:function(data){
        alert('success update data ');}

2)和模式引导程序

  <div 
    class="modal fade" 
    id="edit-<?php echo $row['id']; ?>" 
    role="dialog" 
    aria-labelledby="updatelLabel-<?php echo $row['id']; ?>    
<input 
    type="hidden"  
    id="<?php echo $row['id']; ?>"  
    value="<?php echo $row['id']; ?>"  >
<input 
    type="text" 
    class="form-control" 
    id="nameofequipe-<?php echo $row['id']; ?>" 
    value="<?php echo $row['equipe']; ?>">

如果somoene知道我该怎么做,他可以帮助我

2 个答案:

答案 0 :(得分:0)

//在脚本部分中使用此

function editdata(str){
        var id= str;
        var name  = $('#nameofequipe-'+str).val();
        $.ajax({
         dataType: "json",
        type:"post",
        url: "<?php echo API;?>equipe/update.php",
        data:"{nameofequipe:"+name+",id:"+id+"}",
        success:function(data){
        alert('success update data ');

    }         

///而您的PHP文件中的此文件则使用此数据 nameOfEquipe和ID 来更新您的数据库

 if(isset($_POST['nameofequipe'], $_POST['id']) {
        $nameOfEquip=$_POST['nameofequipe'];
        $id=$_POST['id'];

      }

答案 1 :(得分:0)

这就是全部代码

           <button type="button" class="close" data-dismiss="modal" aria-label="Close">

    </button>
  </div>
  <form>
  <div class="modal-body">
  <input type="hidden" id="<?php echo $row['id']; ?>"  value="<?php echo $row['id']; ?>" >


<input type="text" class="form-control" name="nameofequipe-<?php echo $row['id']; ?>" value="<?php echo $row['equipe']; ?>">

  </div>
          <button type="submit" onclick='editdata(<?php echo $row['id']; ?>)' class="btn btn-primary">Save changes</button>

  </div>
  </form>

ajax和js

          function editdata(str) 

  {
          var id= str;
         var name= $('#nameofequipe-'+str).val();
          $.ajax ({
          type:"post",
            url: "<?php echo API;?>equipe/update.php",
          data:"nameofequipe="+name+"&id="+id,
        success: function(data){
        alert("Data Save: " + data);

  }

    }); }

更新。 PHP

      $id = $_POST['id'];
      $name=$_POST['nameofequipe'];


    $result  = $o->SelectQuery("UPDATE rh_equipes SET equipe='$name'  WHERE id='$id'");
    if($result){
       echo 'data update';
 }