Javascript从Json文件中获取图像，并单击“下一步”和“上一步”功能

我正在尝试从json文件中获取图像。当我点击“下一步”按钮时，下一个图像必须出现，当我按下“上一步”按钮时，上一个图像必须出现。我正在获取图像路径，但它没有显示div内的图像。请帮助我

函数main（）{
var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
myObj=JSON.parse（this.responseText）；
var x=document.getElementById（“guitarimg”）；
var y=myObj.allProducts[0]。图像路径；
x、 innerHTML=“”
}
};
open（“GET”，“guitardata1.json.txt”，true）；
xmlhttp.send（）；
}
main（）
#第1部分
{
边框：1px纯黑；
高度：700px；
宽度：800px；
浮动：左；
位置：相对位置；
左：250px；
顶部：50px；
}
#演示
{
位置：相对位置；
顶部：30px；
}
导航条
{
边框：1px纯黑；
高度：40px；
宽度：600px；
位置：相对位置；
左：80px；
顶部：15px；
}
#吉他手
{
边框：1px实心；
位置：相对位置；
高度：300px；
宽度：500px；
顶部：30px；
左：120px；
}
基本字符串串联<图像标记中的code>y

是字符串，而不是变量

     var y =myObj.allProducts[0].image_path;
     x.innerHTML = "<img src='y'>"
                              ^ Not a variable

var y=myObj.allProducts[0]。图像路径；
x、 innerHTML=“”
^不是一个变量

你需要做的是

     var y =myObj.allProducts[0].image_path;
     x.innerHTML = "<img src='" + y + "'>"

var y=myObj.allProducts[0]。图像路径；
x、 innerHTML=“”

另一个问题是你在头脑中调用脚本。它可以在元素呈现到页面之前运行。您应该在元素之后设置脚本，或者在documentready或windowonload上调用该方法，以确保呈现div元素

我会把它移到结束体标记之前

  <script type="text/javascript" src="guitar.js"></script>
</body>

var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
myObj=JSON.parse（this.responseText）；
var x=document.getElementById（“guitarimg”）；
//var y=myObj.allProducts[0]。图像路径；
//x.innerHTML=“”
}
};
open（“GET”，“guitardata1.json.txt”，true）；
xmlhttp.send（）；
var总计=7；
var a=0；
函数next（）{
//var y=myObj.allProducts.image\u路径；
var temp=document.getElementById（“img”）；
//temp.innerHTML=“”
如果（a=1）
{
temp.src=myObj.allProducts[a-1]。图像路径；
a——；
}
}

#第1部分
{
边框：1px纯黑；
高度：700px；
宽度：800px；
浮动：左；
位置：相对位置；
左：250px；
顶部：50px；
}
导航条
{
边框：1px纯黑；
高度：40px；
宽度：600px；
位置：相对位置；
左：80px；
顶部：15px；
}
#吉他手
{
位置：相对位置；
高度：300px；
宽度：500px；
顶部：30px；
左：120px；
}
#img
{
位置：相对位置；
高度：300px；
宽度：500px；
顶部：30px；
左：120px；
}
.按钮1
{
位置：相对位置；
左：100px；
}
.按钮2
{
位置：相对位置；
左：500px；
}

以前的
下一个

基本字符串连接

y

在图像标记中是一个字符串，不是一个变量。嗨，我想从json文件中获取图像，当我单击下一个按钮时，它将显示下一个图像，当我单击上一个按钮时，它将显示上一个图像形象。如果您需要json数据，请告诉我