jQuery附加的Html不会在源代码上移位

时间:2017-05-17 08:22:58

标签: jquery ajax

我让jQuery将从AJAX解析的html追加到<table>。 而且我必须从类=&#39; msg&#39;获得价值。 但它并没有在源代码上显示。所以我无法获得价值。你能解释一下我的问题是什么吗?

function showHtml(data){
    var str = "<tr><td class='msg'>" + data.msg + "</td></tr>";
    $("tbody").append(str);
}

$.ajax({
  url: "----",
  type: "POST",
  dataType: "html",
  data: {
    msg : msg 
  },
  success: function(json) {
    data = JSON.parse(json);
    showHtml(data);
  }
});

1 个答案:

答案 0 :(得分:1)

动态创建的html不应显示在“查看源”窗口中。

您可以在每个浏览器的检查员中找到实时内容。

示例Firefox:右键页面/ Inspect - &gt;检查员标签

您还可以使用动态创建的内容:

    col0 col1 col2
0   1    1    2
1   1    1    1
function showHtml( data )
{
    var str = "<p>" + data + "</p>";
    $( "#myDiv" ).append( str );
}

var data = 'DATA TEST';
//Appending data
showHtml( data );
//Logging data
console.log( $( '#myDiv' ).html() );