原生html表格,包含js和css的引用,以及和java交互的ajax代码示例
时间: 2024-05-07 09:16:13 浏览: 8
好的,以下是一个原生HTML表格,包含JS和CSS的引用,以及和Java交互的Ajax代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>表格示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css">
<script>
$(document).ready(function(){
$.ajax({
url: "example.php",
success: function(result){
$("#table-body").html(result);
}
});
});
</script>
</head>
<body>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody id="table-body">
<!-- 这里将通过AJAX动态添加数据 -->
</tbody>
</table>
</body>
</html>
```
这个示例中,我们使用了jQuery库来简化AJAX请求。当页面加载完成后,我们通过AJAX请求example.php页面,并将返回的结果填充到表格中。在这个示例中,我们只需要在example.php页面中返回一个HTML代码块,包含我们需要显示的数据即可。