图像src无法运行javascript

时间:2018-02-01 12:05:10

标签: javascript php jquery ajax laravel

这是我在 blade.php

中的img标签

我正在尝试根据搜索更改此src。我从ajax响应中获取搜索结果

 $.ajax({
            type:'POST',
            url: '/searchairline',
            data:{
              'id': $value
            },
            success:function(response){
              console.log(response);  

       document.getElementById("airlineImg").src="
        {{asset("img/airlines/'+response.code+'.png")}}";

            },error:function(r) {

           alert('er');

            }

图像名称自带response.code我想连接java脚本响应。代码为image src

4 个答案:

答案 0 :(得分:1)

使语法有效单独的laravel和javascript代码

   var assets = "{{asset('img/airlines/')}}";
   document.getElementById("airlineImg").src = assets+response.code+'.png';
    },error:function(r) {
       alert('er');
    }

答案 1 :(得分:0)

只要您通过HTTP请求访问它,就可以运行 的php文件/代码,无论是GET,POST,PUT。

单击按钮时无法使用asset helper(即php)。

使用jQuery。

$("#airlineImg").attr("src","/img/airlines/" + response.code + ".png");

答案 2 :(得分:0)

成功尝试这一行:

$('#airlineImg').attr('src','./img/airlines/' + response.code + '.png');

另外,$value是什么?因为如果你正在使用PHP变量,你需要这样说:

data{'id' : <?php echo $value;?>}

答案 3 :(得分:0)

你可以这样写

document.getElementById("airlineImg").src ="{{ URL::asset('/img/airlines/"+response.code+".png');}}";