Javascript 从服务器传递2d数组

我试图将一个2d数组从我的

server.js

传递到

client.js

，但我不确定是否正确。当我点击按钮显示网格时，什么都没有发生。这是我在服务器端的阵列：

var ar = Array(2);

for(var i=0;i<ar.length;i++){
   ar[i]=Array(2);

 }
       ar[0][0]='one';
       ar[1][0]='two';
       ar[0][1]='three';
       ar[1][1]='four';

    var theTable = "";
      for(var j=0;j<ar.length;j++){
          theTable += '<tr>';
          for(var k=0;k<2;k++){             
            theTable += '<td>'+ar[k][j]+'</td>';
          }
          theTable += '</tr>';
      }

app.post("/postScores", function(req , res){ 
  res.setHeader("Content-Type", "application/json");
  res.write(theTable);
  res.end();

 });

---

为什么要在服务器端编写HTML代码？只从服务器传递数据（例如，使用

res.json（ar）

），然后构建HTML客户端，所以本质上就是在客户端构建表？并在服务器上存储ar？

$(document).ready(function(){

   $("#show").on('click', function(){

      $.post('/postScores', function(scores){

      $("#grid").append(scores);


    });      
   });  

 });