刷新jquery ajax响应中的特定元素

时间:2017-09-25 07:55:24

标签: php jquery html mysql

这是我使用php显示类别选择选项的html代码:

<select class="form-control" name="parent_category" id="parent_category">
 <option value="parent">Parent</option>
 <?php while ($parent = mysqli_fetch_assoc($parentresult)) : ?>
  <option value="<?=$parent['id'];?>"><?=$parent['category_name']; ?>
  </option> 
 <?php endwhile; ?>
</select>

这是类别删除的jquery

function removecategory(cat_id){
 var removecategory = '';
 jQuery.ajax({
  url : '/multivendor/dashboard/parser/ajax.php',
  method : 'POST',
  data : {cat_id: cat_id, removecategory : 1},
  success : function(data){
   var result = JSON.parse(data);
   if ( result.status == "parentdelete" ) {
    location.reload(true);
   } else if( result.status == "childdelete"){
    $("#"+ cat_id).fadeOut("slow", function() { $(this).remove(); });
   }else{
    alert("something went row");
   }
  },
  error : function(){ alert("something went wrong");}   
 }); 
}

我正在使用reload来重新加载具有父类别的选择

我想重新加载或仅刷新select,它给出了当前数据库类别的值。

这可能吗?

1 个答案:

答案 0 :(得分:0)

如果可能,使用clear ajax。创建一个div,它将包含您创建的元素:

<div class="select"> // the div will place where you want to put the select
</div>

php文件“get_select.php”如下:

<select class="form-control" name="select_data" id="select_data">
    <option value='0'></option>
    <?php
      require_once("Connection.php");//here you put your connection to database

      $query = mysqli_query($link,"//link is my connection variable
      //all your mysql query
      ");
       while($row = mysqli_fetch_array($query)){
       echo "<option value=$row[row_name_database]>$row[alias_of_your_values ]</option>";
       }                    
    ?>
</select>

索引页面包含以下ajax代码:

<script>
$(document).ready(function(){
    load_select();//loading the document updates it
});

function load_select(){
var parameters = {"action":"ajax"};
$.ajax({
    url:'get_select.php', //we call our php file that calls the data
    type: "POST",
    data: parameters,
    beforeSend: function(object){
    },
    success:function(data){
        $(".select").html(data).fadeIn('slow');//we refer to our div by its class
    }
})
}

function removecategory(cat_id){
 var removecategory = '';
 jQuery.ajax({
  url : '/multivendor/dashboard/parser/ajax.php',
  method : 'POST',
  data : {cat_id: cat_id, removecategory : 1},
  success : function(data){
   var result = JSON.parse(data);
   load_select();//load the select with the desired elements
  },
  error : function(){ alert("something went wrong");}   
 }); 
}
</script>

我希望并祝你好运

//si hablas español traduce hasta los comentarios, Espero y te sirva, Buena suerte