Question

我有一个包含所选产品和图片的页面。我想从数据库和文件夹中删除有关图片的数据，并通过jQuery ajax更新页面。

首先我尝试使用<a href>执行此操作，我可以删除一张成功更新页面的图片，但是在更改URL后（结束时添加了'＃'），脚本停止发送GET（此部分已注释），你可以在下面找到）

其次，我添加了按钮并使用.click()，然后使用.on进行活动。另外第一张图片不删除第二张图片，仅在刷新后删除。第二次尝试 - 没有任何改变，比如没有事件的按钮。

controller main.php：

       function del_image($picture_id){

             $this->load->model('admin/Product_crud');
            $data['picture_name'] = $this->Product_crud->get_picture_name($picture_id);
            //var_dump($data);
             unlink('uploads/100/'.$data['picture_name'][0]->url);

             $data['product_id'] = $this->Product_crud->find_product_id_from_picture($picture_id);
             $this->Product_crud->del_picture_from_db($picture_id);
            $data['picture'] = $this->Product_crud->get_picture($data['product_id'][0]->product_id);

            $update_html = $this->Product_crud->create_picture_output($data['picture']);
            echo json_encode($update_html);



              //$this->output->enable_profiler(TRUE);
         }

model product_crud.php：

      function create_picture_output($pictures){
         $output = NULL;
         $output .="<table border='1'>";
          foreach ($pictures as $picture){

              $output .=  "<tr>";
              $output .= "<td><a class='del_picture'  href='".$picture->picture_id."'><img title='Удалить' src='".base_url()."images/del.png'> </a></td>
              <td><img src='".base_url()."uploads/100/".$picture->url."'></td>
               <td><input class='del_picture' type='button' name='del'  value='".$picture->picture_id."'><img title='Удалить' src='".base_url()."images/del.png'> </td>";

                      $output .= "</tr>";

        }
           $output .="</table>";
           return $output;
        }

查看form_edit_product.php ...............

       echo "<div id='result_table'>";

       echo "<table border='1'>";


       foreach ($url as $picture){

       echo "<tr>";
       echo "<td><a class='del_picture' href='".$picture_id[$l]."'><img             title='Удалить' src='".base_url()."images/del.png'></a></td>
              <td><img src='".base_url()."uploads/100/".$picture."'></td>
              <td><input class='del_picture' type='button' name='del' value='".$picture_id[$l]."'><img title='Удалить' src='".base_url()."images/del.png'></td>";
            $l++;
            echo "</tr>";
         }


          ?>

         </table>
         </div>

脚本：

   $(".del_picture").on("click", function(){
     /* var picture_id =  $(this).attr("href");
        var myurl = '<?php echo base_url()."admin/main/del_image/"?>';
         $(this).attr("href",'#'); */

         var picture_id =  $(this).attr("value");
          var myurl = '<?php echo base_url()."admin/main/del_image/"?>';

          var url = myurl + picture_id
       $.ajax({
        url: url,
        type:'GET',
        dataType: 'json',
        success: function(update_html){
                $("#result_table").html(update_html);

            } 
        });    

    });

问题是URL / jQuery脚本/ GET。可能是在更新事件后没有添加到按钮...

Answer 1

如果你愿意，你可以使用ajax，但你真的不需要。还有另一种方式。在你的del_image（）方法结束后的控制器中：

$this->Product_crud->del_picture_from_db($picture_id);

把这段代码

$ref = $this->input->server('HTTP_REFERER', TRUE);
redirect($ref, 'location');

这将在删除照片后获取最后一个网址和刷新页面。您不需要更新html，也不需要json。

如果你愿意，你也可以使用ajax，但你的代码中有一些错误。例如，您需要删除dataType json，因为您正在使用GET请求。此外，当您创建您的网址时，您在结束php语句之前缺少分号。

jQuery的笨。删除第二张图片失败

1 个答案: