如何将结果从JSON放入DIV
How to put result into DIV from JSON?
从下面的函数我得到的结果。现在我想把结果放到div中,如何把结果放到div中呢?
$(document).ready(function () {
$.ajax({
type: "POST",
url: "../ajaxaction.php",
data: {
action: 'alllist'
},
dataType: 'json',
success: function (msg) {
for (var i = 0; i < msg.length; i++) {
var uname = msg[i].user_name;
var vtitle = msg[i].video_title;
var vid = msg[i].video_id;
var vthumb = msg[i].video_thumb;
}
}
});
});
您可以将结果以您喜欢的格式附加到div中,但一种简单的添加方法是你可以使用append()函数在每次循环迭代时用新的html保存添加的html。
success: function(msg){
for (var i = 0; i < msg.length; i++) {
var uname = msg[i].user_name;
var vtitle = msg[i].video_title;
var vid = msg[i].video_id;
var vthumb = msg[i].video_thumb;
$('#divId').append("Name: " + uname + "," + "Title: " + vtitle +
"Id: " + vid + "," + "Thumb: " + vthumb + "<br />");
}
$(document).ready(function() {
$.ajax({
type: "POST",
url: "../ajaxaction.php",
data: { action:'alllist'},
dataType: 'json',
success: function(msg){
for (var i = 0; i < msg.length; i++) {
var uname = msg[i].user_name;
var vtitle = msg[i].video_title;
var vid = msg[i].video_id;
var vthumb = msg[i].video_thumb;
$("#container").html("Username: " + uname + "<br />Video Title: " + vtitle + "<br />Vide ID: " + vid + "<br />Video Thumb: " + vthumb);
}
}});
});
如果div存在:
jQuery('div selector').append(uname+' '+vtitle+...whatever variable and format);
如果不是
jQuery('element selector to put the div in').append('<div id="aID" class="some classes">'+uname+' '+vtitle+...whatever variable and format...+'</div>');
你可以这样做:
success: function(msg){
$.each(msg, function(i, item){
$('#divid').html('User Name : '+item.user_name+
'Video title : '+item.video_title+
'Video Id : 'item.video_id+
'Video Thumb : 'item.video_thumb );
});
}
相关文章:
- 如何收集Knockout可观察性以放入JSON
- 将JSON转换为放入Sdcard中的CSV文件
- 正在尝试将JSON文件放入JS数组
- 如何在Chrome中找到JSON后将其放入我的应用程序's开发人员工具
- 如何在javascript中循环并将JSON对象放入数组中
- 将JSON响应放入var中并输出
- I'我在页面加载时将整个$_SESSION变量放入一个json对象中.虽然这对我有效,但这是一个好的做法吗
- 迭代所有JSON对象并放入html中
- 如何循环使用JSON(使用AngularJS)并将结果放入Javascript数组中
- 如何从JSON数组中获取数据并将其放入列表视图中
- 将json放入modal中
- 通过 jQuery/AJAX 将多维 JSON 数据放入不同的输入文本框中
- Javascript将JSON放入数组中,组合并在其他地方使用
- 将 JSON 放入 JavaScript 变量中
- 如何将 JSON 放入 EXTJS 网格
- 拖动&将Json放入Chrome
- 将Json放入HTML表中
- 使用Fetch将JSON放入文档的主体中-Javascript
- 将JSON放入谷歌图表
- 如何将结果从JSON放入DIV