如何获得成功的Ajax响应后动态创建表？

Question

我正在从数据库中返回数据并动态创建表。 如果对page1.php的调用成功，我们将创建一个包含一个标题行的表，然后遍历结果并添加一些行。 如何添加单个标题行？ 谢谢！

$.post("page1.php", {user: "homer"}, 
function(data){
// output the header row
  function(test){
  var tblHdr ='<th>'+'Username'+'</th>';
  $(tblHdr).appendTo("#tble");
  };

// output the user data
   $.each(data.userdata, 
     function(i,details){

     var tblRow ='<tr>'+'<td>'details.name+'</td>'+'</tr>';
         $(tblRow).appendTo("#tble");

    });
   }, "json"
);

Answer 1

您为什么甚至需要或想要那里的功能？ 如果您从该块中删除整个函数声明，然后仅按定义添加th，那么您应该可以。 假设在某处定义了tblHdr和tblRow。

$.post("page1.php", {user: "homer"}, 
function(data){
// output the header row

  var tblHdr ='<th>'+'Username'+'</th>';
  $(tblHdr).appendTo("#tble");


// output the user data
   $.each(data.userdata, 
     function(i,details){

     var tblRow ='<tr>'+'<td>'details.name+'</td>'+'</tr>';
         $(tblRow).appendTo("#tble");

    });
   }, "json"
);