Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery将图像追加到表中时,路径没有正确执行_Jquery_Html_Ajax - Fatal编程技术网

使用jquery将图像追加到表中时,路径没有正确执行

使用jquery将图像追加到表中时,路径没有正确执行,jquery,html,ajax,Jquery,Html,Ajax,我有一个表,其中有一些数据。我正在使用ajax实现该表中的搜索功能。它工作正常。但我的问题是,当我尝试根据存储在数据库表上的路径加载图像时,它没有加载。下面是我将图像附加到表中的代码。请提供任何帮助。提前感谢 我在数据库中的图像路径是这样存储的,并尝试使用下面的行将图像路径附加到我的表中,如下所示 Assests/images/cakes.jpeg $(“”).html(““”+数据[“产品图像路径”]+“>”).appendTo(tr); //该行图像路径的问题在于没有向url添加我可以修复的

我有一个表,其中有一些数据。我正在使用ajax实现该表中的搜索功能。它工作正常。但我的问题是,当我尝试根据存储在数据库表上的路径加载图像时,它没有加载。下面是我将图像附加到表中的代码。请提供任何帮助。提前感谢

我在数据库中的图像路径是这样存储的,并尝试使用下面的行将图像路径附加到我的表中,如下所示
Assests/images/cakes.jpeg
$(“”).html(““”+数据[“产品图像路径”]+“>”).appendTo(tr);
//该行图像路径的问题在于没有向url添加我可以修复的内容
//这个
//这是用于将图像添加到表中的mycode

 $(function() {
    $("#search").keyup(function() {
        var value = $(this).val();
        $.ajax({
            url : "/Demo/Productcontroller/search",
            type: "POST",
            data: {
                name: value
            },
            success: function(response){
              var data=$.parseJSON(response);
                  if(data!=false){
                var tbody = $('#myTable tbody').empty();
                tbody = $('#myTable  tbody'),
                $.each(data, function(i, data) {
                  prop = [data["prod_name"],data["prod_group"],data["prod_maxstock"],data["prod_currentstock"]];
                  var tr = $('<tr>');
                  $.each(prop, function(i, prop) {
                  $('<td>').html(prop).appendTo(tr);
                  });
                  $('<td>').html("<img style='width:120px;height:100px;' id='images' alt='No image' src='<?php echo base_url();?>'"+data["prod_image_path"]+">").appendTo(tr);
                 $('<td>').html("<a href='<?php echo base_url();?>Productcontroller/edit/"+data["prod_id"]+"'><i class='fa fa-edit fa-2x'></i></a>").appendTo(tr);
                 $('<td>').html("<a class='delete'href='"+data["prod_id"]+"'><i class='fa fa-remove fa-2x'></i></a>").appendTo(tr);
                  tbody.append(tr);
            });
          }    }
  });
});
});
$(函数(){
$(“#搜索”).keyup(函数(){
var值=$(this.val();
$.ajax({
url:“/Demo/Productcontroller/search”,
类型:“POST”,
数据:{
名称:value
},
成功:功能(响应){
var data=$.parseJSON(响应);
如果(数据!=false){
var tbody=$('#myTable tbody').empty();
tbody=$(“#myTable tbody”),
$。每个(数据,函数(i,数据){
prop=[数据[“产品名称”]、数据[“产品组”]、数据[“产品最大库存”]、数据[“产品当前库存”];
var tr=$('');
$。每个(道具,功能(i,道具){
$('').html(prop.appendTo(tr);
});
$(“”).html(““”+数据[“产品图像路径”]+“>”).appendTo(tr);
$('').html('').appendTo(tr);
$('').html('').appendTo(tr);
tbody.append(tr);
});
}    }
});
});
});
这是我的渲染HTML

名称
团体
最大库存
流通股
形象
编辑
删除
蛋糕和面包
食品
1500
1700
干酪和面包
食品
1500
1700
//我知道该行属性路径的问题没有正确选择
//为什么请你帮忙

请编辑图像源附加文本行

 var imgSource = '<?php echo base_url();?>'+data["prod_image_path"];
   $('<td>').html("<img style='width:120px;height:100px;' id='images' alt='No 
    image' src='"+imgSource+"'>").appendTo(tr);
var imgSource=''+数据[“产品图像路径”];
$('').html('').appendTo(tr);

我对下面的代码做了一些修改,现在运行良好

var imgSource = '<?php echo base_url();?>'+data["prod_image_path"];
$('<td>').html("<img style='width:120px;height:100px;' id='images' alt='No image' src='"+imgSource+"'>").appendTo(tr);
var imgSource=''+数据[“产品图像路径”];
$('').html('').appendTo(tr);

tr.append(“”+数据[“产品图像路径”]+“>”)?请发布呈现的html。我将发布我的完整代码,请检查。我已发布呈现的html,请检查一次。实际上,我的图像完整路径是这样的,但在你的代码中是这样的一些语法错误,我已经修复了它。它现在工作正常,谢谢你的帮助。
 var imgSource = '<?php echo base_url();?>'+data["prod_image_path"];
   $('<td>').html("<img style='width:120px;height:100px;' id='images' alt='No 
    image' src='"+imgSource+"'>").appendTo(tr);
var imgSource = '<?php echo base_url();?>'+data["prod_image_path"];
$('<td>').html("<img style='width:120px;height:100px;' id='images' alt='No image' src='"+imgSource+"'>").appendTo(tr);