建立ajax通讯动态生成表格

1.首先创建一个空的div,在里面添加table标签

   <div id="saveSearch" style="width: 50%; margin-right: auto;margin-left: auto;">
        <table id="tabletest" class="table">

        </table>
    </div>

2.通过js建立ajax通讯

$("#tabletest").html("");//每次添加前清空之前的表格防止重复添加
      $.ajax({
          url:"http:/localhost:8080/search",
          dataType:"json",
          type:"GET",
          data:{email:emailDress},
          success:function (data) {
       
              $("#tabletest").append('<tr>'+'<th>'+"jobId"+'</th>'+'<th>'+"email"+'</th>'+'<th>'+"ip"+'</th>'+'<th>'+"date"+'</th>'+'</tr>');
              for (var i=0;i<data.length;i++){
                  var tipContent;
                  tipContent = '<td>'+data[i].jobId+'</td>'+'<td>'+data[i].email+'</td>'+'<td>'+data[i].ip+'</td>'+'<td>'+data[i].date+'</td>';
                  $("#tabletest").append('<tr>'+tipContent+'</tr>');
              }
          }

      })