function addPotBack(data) {
var locDatasArr = eval(data);
for (var i in locDatasArr) {
var name = locDatasArr[i].Carname;
var id = locDatasArr[i].CarID;
var driver = locDatasArr[i].Cdriver;
var type = locDatasArr[i].Ctype;
var time = locDatasArr[i].GPStime;
var loc = locDatasArr[i].Location;
var lon = locDatasArr[i].Lon;
var lat = locDatasArr[i].Lat;
var state = locDatasArr[i].State;
var table = "<tr><td>" + id + "</td><td>" + name + "</td><td>" + driver + "</td><td>" + type + "</td><td>" + time + "</td><td>" + loc + "</td><td>" + lat + "</td><td>" + lon + "</td><td>" + state;
通过这个已经获得了值;怎样把他传到HTML里面写的表格呢?我是初学者。谢谢啦~~~~
<table id="table1" border="0" width="1024px">
<tr>
<td align="center" bgcolor="#0099ff" width="40">序号</td>
<td align="center" bgcolor="#0099ff" width="80">车牌</td>
<td align="center" bgcolor="#0099ff" width="60">驾驶员</td>
<td align="center" bgcolor="#0099ff" width="70">车辆类型</td>
<td align="center" bgcolor="#0099ff" width="150">GPS时间</td>
<td align="center" bgcolor="#0099ff" width="120">区域</td>
<td align="center" bgcolor="#0099ff" width="120">纬度</td>
<td align="center" bgcolor="#0099ff" width="120">经度</td>
<td align="center" bgcolor="#0099ff" width="70">车辆状态</td>
</tr>
var locDatasArr = eval(data);
for (var i in locDatasArr) {
var name = locDatasArr[i].Carname;
var id = locDatasArr[i].CarID;
var driver = locDatasArr[i].Cdriver;
var type = locDatasArr[i].Ctype;
var time = locDatasArr[i].GPStime;
var loc = locDatasArr[i].Location;
var lon = locDatasArr[i].Lon;
var lat = locDatasArr[i].Lat;
var state = locDatasArr[i].State;
var table = "<tr><td>" + id + "</td><td>" + name + "</td><td>" + driver + "</td><td>" + type + "</td><td>" + time + "</td><td>" + loc + "</td><td>" + lat + "</td><td>" + lon + "</td><td>" + state;
通过这个已经获得了值;怎样把他传到HTML里面写的表格呢?我是初学者。谢谢啦~~~~
<table id="table1" border="0" width="1024px">
<tr>
<td align="center" bgcolor="#0099ff" width="40">序号</td>
<td align="center" bgcolor="#0099ff" width="80">车牌</td>
<td align="center" bgcolor="#0099ff" width="60">驾驶员</td>
<td align="center" bgcolor="#0099ff" width="70">车辆类型</td>
<td align="center" bgcolor="#0099ff" width="150">GPS时间</td>
<td align="center" bgcolor="#0099ff" width="120">区域</td>
<td align="center" bgcolor="#0099ff" width="120">纬度</td>
<td align="center" bgcolor="#0099ff" width="120">经度</td>
<td align="center" bgcolor="#0099ff" width="70">车辆状态</td>
</tr>
<!--
function addPotBack(data) {
var locDatasArr = eval(data);
var tr,td;
for (var i in locDatasArr) {
tr = document.createElement("tr"); var name = locDatasArr[i].Carname;
td = document.createElement("td");
td.innerText = name;
tr.appendChild(td); var id = locDatasArr[i].CarID;
td = document.createElement("td");
td.innerText = id;
tr.appendChild(td); var driver = locDatasArr[i].Cdriver;
td = document.createElement("td");
td.innerText = driver;
tr.appendChild(td); var type = locDatasArr[i].Ctype;
td = document.createElement("td");
td.innerText = type;
tr.appendChild(td); var time = locDatasArr[i].GPStime;
td = document.createElement("td");
td.innerText = time;
tr.appendChild(td); var loc = locDatasArr[i].Location;
td = document.createElement("td");
td.innerText = loc;
tr.appendChild(td); var lon = locDatasArr[i].Lon;
td = document.createElement("td");
td.innerText = lon;
tr.appendChild(td); var lat = locDatasArr[i].Lat;
td = document.createElement("td");
td.innerText = lat;
tr.appendChild(td); var state = locDatasArr[i].State;
td = document.createElement("td");
td.innerText = state;
tr.appendChild(td); document.getElementById("table1").childNodes[0].appendChild(tr);
}
}
//-->
</script>
<body><table id="table1" border="0" width="1024px">
<tr>
<td align="center" bgcolor="#0099ff" width="40">序号</td>
<td align="center" bgcolor="#0099ff" width="80">车牌</td>
<td align="center" bgcolor="#0099ff" width="60">驾驶员</td>
<td align="center" bgcolor="#0099ff" width="70">车辆类型</td>
<td align="center" bgcolor="#0099ff" width="150">GPS时间</td>
<td align="center" bgcolor="#0099ff" width="120">区域</td>
<td align="center" bgcolor="#0099ff" width="120">纬度</td>
<td align="center" bgcolor="#0099ff" width="120">经度</td>
<td align="center" bgcolor="#0099ff" width="70">车辆状态</td>
</tr>
<table>
<input type="button" value="kk" onclick="addPotBack('[{Carname:1,CarID:2,Cdriver:3,Ctype:4,GPStime:5,Location:6,Lon:7,Lat:8,State:9}]')"> </body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript" type="text/javascript">
function addTableRow(name, Class, language, mobile) {
var oTable = document.getElementById("dataList");
var oTr = oTable.insertRow(oTable.rows.length);
var tdData = new Array();
tdData[0] = document.createTextNode(name);
tdData[1] = document.createTextNode(Class);
tdData[2] = document.createTextNode(language);
tdData[3] = document.createTextNode(mobile);
for (var i = 0; i < tdData.length; i++) {
var oTd = oTr.insertCell(i);
oTd.appendChild(tdData[i]);
}
}
</script>
<style type="text/css">
#dataList{ border:1px solid #744011; border-collapse:collapse; background:#ffd2aa; font-size:14px; font-family:Arial;}
#dataList td{ border:1px solid #744011; text-align:left; padding:4px 10px;}
</style>
</head>
<body>
<table id="dataList">
<tr>
<td>Name</td><td>Class</td><td>Language</td><td>Mobile</td>
</tr>
</table><br />
<input type="button" value="动态插入行" onclick="addTableRow('张三','五班','JavaScript','1580098765')" />
</body>
</html>上面的数据是写死的,你可以从服务器返回XML文档,然后添加对应的数据就行了!