Javascript 我的代码没有加载图像
我遇到了一个问题,我的代码确认了要拉入的正确对象。然而,当我测试我的文件时,图像根本没有被拉入。我仔细检查了一下,得到了404响应,但是文件存在于正确的目录中Javascript 我的代码没有加载图像,javascript,json,Javascript,Json,我遇到了一个问题,我的代码确认了要拉入的正确对象。然而,当我测试我的文件时,图像根本没有被拉入。我仔细检查了一下,得到了404响应,但是文件存在于正确的目录中 //JSON OBJECT SAMPLE IS BELOW, A SEPARATE FILE.... var reviews = [{ Id: "ajjhwejkssl", Title: "The little camera that could!", Rating: 5,
//JSON OBJECT SAMPLE IS BELOW, A SEPARATE FILE....
var reviews = [{
Id: "ajjhwejkssl",
Title: "The little camera that could!",
Rating: 5,
Body: "TEXT HERE",
CreateDate: new Date(2012, 5, 23, 14, 12, 10, 0),
Owner: {
Id: "kwergiueerwq",
Name: "Bugs Bunny",
Url: "./users.html?id=kwergiueerwq",
AvatarImage: "./avatars/bugsbunny.jpg",
IsFeaturedReviewer: false,
CreateDate: new Date(2012, 2, 12, 9, 44, 0, 0)
}
}
]
//CODE
var data = reviews;
$(document).ready(function () {
//console.log("browser: " + browser);
for (var i = 0; i < data.length; i++) {
try {
//CREATE NEW REVIEW DIV
var reviewPost = "<div class='review'><div class='clear'></div><div class='content'><div class='datePosted'>" + data[i].CreateDate + "</div><div class='avatar'><div class='header'><div class='rating'><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/></div></div><div class='clear'></div><div class='title'>" + data[i].Title + "</div><div class='memberImg'><img id='thumb' src=" + data[i].Owner.AvatarImage + "/></div><div id='member'><div class='reviewedBy'>Reviewed by <a href='' class='member'>" + data[i].Owner.Name + "</a></div><div class='membership'>Member Since " + data[i].Owner.CreateDate + "</div></div></div></div><div class='clear'></div><div class='message'>" + data[i].Body + "</div></div><div class='clear'></div>";
if (data[i].Rating != null) {
console.log("Rating: " + data[i].Rating);
}
//adds reviewPost inside of reviews
review.append(reviewPost);
//document.write(reviewPost);
} catch (e) {
console.log("error: " + e);
};
}
});
//下面是JSON对象示例,一个单独的文件。。。。
风险值审查=[{
Id:“ajjhwejkssl”,
标题:“可以的小相机!”,
评级:5,
正文:“文本在此”,
CreateDate:新日期(2012,5,23,14,12,10,0),
所有者:{
Id:“Kwergiuerwq”,
名称:“Bugs Bunny”,
Url:“./users.html?id=Kwergiuerwq”,
AvatarImage:“./avatars/bugsbunny.jpg”,
IsFeaturedReviewer:false,
CreateDate:新日期(2012,2,12,9,44,0,0)
}
}
]
//代码
var数据=审查;
$(文档).ready(函数(){
//console.log(“浏览器:+browser”);
对于(变量i=0;i
任何想法和建议都很好。正如我所了解的,路径中的点并不重要,但是:
此外,请确保化身目录实际上位于您的web目录的根目录中。您确定位置匹配吗?在浏览器中运行fiddler或network tools之类的工具,查看请求的确切URL。
是完全无关的
表示这个目录
你说得对。谢谢我以前从未见过或使用过这种语法。
//JSON OBJECT SAMPLE IS BELOW, A SEPARATE FILE....
var reviews = [{
Id: "ajjhwejkssl",
Title: "The little camera that could!",
Rating: 5,
Body: "TEXT HERE",
CreateDate: new Date(2012, 5, 23, 14, 12, 10, 0),
Owner: {
Id: "kwergiueerwq",
Name: "Bugs Bunny",
Url: "./users.html?id=kwergiueerwq",
AvatarImage: "./avatars/bugsbunny.jpg",
IsFeaturedReviewer: false,
CreateDate: new Date(2012, 2, 12, 9, 44, 0, 0)
}
}
]
//CODE
var data = reviews;
$(document).ready(function () {
//console.log("browser: " + browser);
for (var i = 0; i < data.length; i++) {
try {
//CREATE NEW REVIEW DIV
var reviewPost = "<div class='review'><div class='clear'></div><div class='content'><div class='datePosted'>" + data[i].CreateDate + "</div><div class='avatar'><div class='header'><div class='rating'><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/></div></div><div class='clear'></div><div class='title'>" + data[i].Title + "</div><div class='memberImg'><img id='thumb' src=" + data[i].Owner.AvatarImage + "/></div><div id='member'><div class='reviewedBy'>Reviewed by <a href='' class='member'>" + data[i].Owner.Name + "</a></div><div class='membership'>Member Since " + data[i].Owner.CreateDate + "</div></div></div></div><div class='clear'></div><div class='message'>" + data[i].Body + "</div></div><div class='clear'></div>";
if (data[i].Rating != null) {
console.log("Rating: " + data[i].Rating);
}
//adds reviewPost inside of reviews
review.append(reviewPost);
//document.write(reviewPost);
} catch (e) {
console.log("error: " + e);
};
}
});