Javascript 将ajax结果附加到div
我正在对IMDb API进行ajax调用,以获取《肖申克的救赎》的电影数据。我想把这些数据放到我创建的div中Javascript 将ajax结果附加到div,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我正在对IMDb API进行ajax调用,以获取《肖申克的救赎》的电影数据。我想把这些数据放到我创建的div中 <div id="movie-data"></div> 它没有给出任何回应。但是,我可以在控制台中看到数据。当我附加Test而不是数据时,它会将“Test”返回到屏幕 以下方法应该有效 $("#movie-data").html(data.Title); 因为数据将采用json格式,如下所示: {"Title":"Titanic","Year":"1997"
<div id="movie-data"></div>
它没有给出任何回应。但是,我可以在控制台中看到数据。当我附加
Test
而不是数据时,它会将“Test”返回到屏幕 以下方法应该有效
$("#movie-data").html(data.Title);
因为数据
将采用json格式,如下所示:
{"Title":"Titanic","Year":"1997","Rated":"PG-13","Released":"19 Dec 1997","Runtime":"3 h 14 min","Genre":"Drama, Romance","Director":"James Cameron","Writer":"James Cameron","Actors":"Leonardo DiCaprio, Kate Winslet, Billy Zane, Kathy Bates","Plot":"A seventeen-year-old aristocrat, expecting to be married to a rich claimant by her mother, falls in love with a kind but poor artist aboard the luxurious, ill-fated R.M.S. Titanic.","Poster":"http://ia.media-imdb.com/images/M/MV5BMjExNzM0NDM0N15BMl5BanBnXkFtZTcwMzkxOTUwNw@@._V1_SX300.jpg","imdbRating":"7.6","imdbVotes":"449,162","imdbID":"tt0120338","Type":"movie","Response":"True"}
检查这些资源:
像这样试试。API正在返回JSON
值,您需要获得下面提到的值。希望这对你有帮助
var content = 'Title : '+data.Title ;
content += ' Year : '+data.Year ;
content += ' Rated : '+data.Rated ;
content += ' Released : '+data.Released ;
$("#movie-data").append(content);
函数init(){
var html='';
$.ajax({
数据类型:“json”,
url:“http://www.omdbapi.com/?i=tt0111161",
成功:功能(数据){
for(var输入数据){
var值=数据[键];
html+=''+键+':''+值+''
}
$(“#电影数据”).append(html);
}
});
}
init();
工作我就是这么做的。它现在似乎起作用了。谢谢大家
$.ajax({
dataType: "json",
url: "http://www.omdbapi.com/?i=tt0111161",
success: function (data) {
console.log(data);
$("#movie-data").append(JSON.stringify(data));
答案是:
function init() {
$.ajax({
dataType: "json",
url: "http://www.omdbapi.com/?i=tt0111161",
success: function (data) {
console.log(data);
$("#movie-data").html($(data).append(data));
}
});
您可以尝试从ajax调用中删除数据类型:“json”
$.ajax({
dataType: "json",
url: "http://www.omdbapi.com/?i=tt0111161",
success: function (data) {
console.log(data);
$("#movie-data").append(data);
}
});
您可以尝试使用JSON.stringify(数据)代码如下:
$(document).ready(function(){
$.ajax({
method:"get",
url:'{{ route('getnotificationcount') }}',
success:function(data){
console.log(data);
for(var key in data) {
var value = data[key];
html+='<div>'+key+':'+value+'</div>'
}
$("#notifyy").append(html);
}
});
});
$(文档).ready(函数(){
$.ajax({
方法:“获取”,
url:“{route('getnotificationcount')}}”,
成功:功能(数据){
控制台日志(数据);
for(var输入数据){
var值=数据[键];
html+=''+键+':''+值+''
}
$(“#notifyy”).append(html);
}
});
});
数据的价值是什么?@milindantwar数据
是关于电影的所有信息,你可以分享这些价值。@milindantwar我知道的不比你知道的多。如果您访问url,您可以找到有关该电影的所有信息。如果追加失败,html也会失败。我尝试了第二个选项,现在它返回[object object]。似乎OP尝试了它(基于)
$.ajax({
dataType: "json",
url: "http://www.omdbapi.com/?i=tt0111161",
success: function (data) {
console.log(data);
$("#movie-data").append(data);
}
});
$(document).ready(function(){
$.ajax({
method:"get",
url:'{{ route('getnotificationcount') }}',
success:function(data){
console.log(data);
for(var key in data) {
var value = data[key];
html+='<div>'+key+':'+value+'</div>'
}
$("#notifyy").append(html);
}
});
});