Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 在JSON响应中更改URL中的值,然后显示URL_Jquery_Json - Fatal编程技术网

Jquery 在JSON响应中更改URL中的值,然后显示URL

Jquery 在JSON响应中更改URL中的值,然后显示URL,jquery,json,Jquery,Json,我试图从TwitchTV获取一个图像URL,并使用jQuery和HTML将其显示在一个简单的网站上。根据TwitchTV文档(以及我收到的JSON响应),图像URL返回为: https://static-cdn.jtvnw.net/ttv-boxart/PLAYERUNKNOWN%27S%20BATTLEGROUNDS-{width}x{height}.jpg 我希望将JSON URL中的值{width}和{height}分别替换为285和320,然后向前传递该URL(如下所示): https:

我试图从TwitchTV获取一个图像URL,并使用jQuery和HTML将其显示在一个简单的网站上。根据TwitchTV文档(以及我收到的JSON响应),图像URL返回为:

https://static-cdn.jtvnw.net/ttv-boxart/PLAYERUNKNOWN%27S%20BATTLEGROUNDS-{width}x{height}.jpg

我希望将JSON URL中的值
{width}
{height}
分别替换为
285
320
,然后向前传递该URL(如下所示):

https://static-cdn.jtvnw.net/ttv-boxart/PLAYERUNKNOWN%27S%20BATTLEGROUNDS-285x320.jpg

这是我的当前代码,我只能显示标准值(带{width}和{height}),因此图像无法正确显示:

    for (var i = 0; i < 6; i++) {
        var imgDiv = $("<div>");
        imgDiv.addClass("col-lg-2 col-md-3 col-sm-4 text-center");
        var image = $("<img>");
        image.attr("src", response.data[i].box_art_url);
        console.log(response.data[i].box_art_url);
        imgDiv.append(image);
        $("#twitch-container").append(imgDiv);
    }
});
for(变量i=0;i<6;i++){
var imgDiv=$(“”);
imgDiv.addClass(“col-lg-2 col-md-3 col-sm-4文本中心”);

var image=$(“您只需要对每个标记使用String.replace():

image.attr(“src”,response.data[i].box\u art\u url.replace({width}',285').replace({height}',320');
您可以使用正则表达式来匹配它

var url='1〕https://static-cdn.jtvnw.net/ttv-boxart/PLAYERUNKNOWN%27S%20BATTLEGROUNDS-{width}x{height}.jpg'
var altered=url.replace(/\{([^}]+)}/g,函数(m,键){
返回键==“宽度”?285:320
})

console.log(已更改)
完美,我知道我遗漏了一些简单的东西。谢谢!