jQuery是一種非常受歡迎的JavaScript庫,它能夠使開發Web應用程序變得更加簡單高效。一個常見的任務就是在不刷新整個頁面的情況下更新表格,這可以使用jQuery的Ajax功能實現。
//通過Ajax異步請求數據 $.ajax({ url: '/data', //請求的地址 type: 'GET', //請求方式 dataType: 'json', //返回的數據類型 success: function(data) { //請求成功的回調函數 //遍歷數據,生成表格內容 var trs = ''; $.each(data, function(index, item) { trs += ''; trs += ' '; }); //將生成的表格內容更新到頁面中 $('#myTable tbody').html(trs); }, error: function(xhr) { //請求失敗的回調函數 alert('請求數據失敗!'); } });' + item.id + ' '; trs += '' + item.name + ' '; trs += '' + item.age + ' '; trs += '
上面的代碼中,我們通過Ajax請求獲取數據,并使用jQuery的each方法遍歷數據來生成表格內容。然后,我們將生成的表格內容更新到頁面中。這種方式可以使表格實時更新而不需要刷新整個頁面,提高了用戶體驗。