1、定义页面click按钮,通过此按钮触发ajax异步取后台数据功能
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
2、定义函数loadDoc来执行ajax与服务器交互的动作:
function loadDoc() {
//定意思XMLHttpRequest对象
var xhttp = new XMLHttpRequest()
//定义返回状态为成功时的返回结果显示
xhttp.onreadystatechange = function() {
//返回值状态为4或者响应码为200是成功
if (this.readyState == 4 &&this.status == 200) {
//给标签div赋值返回结果responseText
document.getElementById("demo").innerHTML = this.responseText
}
}
//开始执行后台取数据
xhttp.open("GET", "ajax_info.txt", true)
//开始发送请求
xhttp.send()
}
1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]2、遍历var oTable=document.getElementById("表格id")oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了js是无法直接读取数据库中的数据,但是可以用服务器端脚本与js搭配使用。如:
<% String testStr = "HelloJava"%>
<script>
alert('<%=testStr%>')
</script>
因为服务端脚本是先运行的,Js是后运行在客户端的。
所以可以先用服务端脚本读取数据库数据 然后放到js里再运行