Javascript 如何从JSON将结果放入DIV?

Javascript 如何从JSON将结果放入DIV?,javascript,jquery,json,jquery-ui,Javascript,Jquery,Json,Jquery Ui,从下面的函数中,我得到了结果。现在我想把结果放到div中,那么我应该如何把结果放到div中呢 $(document).ready(function () { $.ajax({ type: "POST", url: "../ajaxaction.php", data: { action: 'alllist' }, dataType: '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;
            }
        }
    });

});
$(文档).ready(函数(){
$.ajax({
类型:“POST”,
url:“../ajaxaction.php”,
数据:{
操作:“所有列表”
},
数据类型:“json”,
成功:功能(msg){
对于(变量i=0;i
$(文档).ready(函数(){
$.ajax({
类型:“POST”,
url:“../ajaxaction.php”,
数据:{操作:'alllist'},
数据类型:“json”,
成功:函数(msg){
对于(var i=0;i视频标题:+vtitle+”
视频ID:+vid+”
视频拇指:+vthumb); } }}); });
$(文档).ready(函数(){
$.ajax({
类型:“POST”,
url:“../ajaxaction.php”,
数据:{操作:'alllist'},
数据类型:“json”,
成功:函数(msg){
对于(var i=0;i视频标题:+vtitle+”
视频ID:+vid+”
视频拇指:+vthumb); } }}); });
您可以使用喜欢的格式将结果附加到div中,但添加的简单方法是。您可以使用函数为循环的每次迭代保留添加的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 />");
       }
成功:函数(msg){
对于(var i=0;i”;
}

您可以使用喜欢的格式将结果附加到div中,但添加的简单方法是。您可以使用函数为循环的每次迭代保留添加的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 />");
       }
成功:函数(msg){
对于(var i=0;i”;
}
如果您的div存在:

jQuery('div selector').append(uname+' '+vtitle+...whatever variable and format);
如果不是

jQuery('element selector to put the div in')。追加(''+uname+'+vtitle+…任何变量和格式…++');

如果您的div存在:

jQuery('div selector').append(uname+' '+vtitle+...whatever variable and format);
如果不是

jQuery('element selector to put the div in')。append(''+uname+'+vtitle+…任何变量和格式…++');

您可以执行以下操作:

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 );
      });
}
您可以这样做:

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 );
      });
}

你在这里尝试了什么?我可以看到你的变量,但是你也可以添加你的HTML吗,因为我在任何地方都看不到DIV?正如我从你的代码中看到的,你在列表中循环,将每个记录的值放入一些本地值,每次都覆盖它们…如果你需要在某个dive中显示页面上的所有列表,我建议使用类似这样的东西:$('body')。附加(“”)你在这里尝试了什么?我可以看到你的变量,但是你也可以添加你的HTML吗,因为我在任何地方都看不到DIV?正如我从你的代码中看到的,你在列表中循环,将每个记录的值放入一些本地值,每次都覆盖它们…如果你需要在某个dive中显示页面上的所有列表,我建议使用类似这样的东西:$('body')。附加(“”)