正如我在第一篇文章中提到的,由于同源政策,您无法加载外部内容,抱歉。
使用jQuery
负载()
给表一个id
,league-table
然后:
$('#league-table').load('path/to/your_file');
这是一个工作示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<title>Demonstration Tabellen-Integration</title>
<link rel="stylesheet" type="text/css"
href="http://www.bwbsv.de/bbsb/service/extern/demo.css" />
</head>
<body>
<script type="text/javascript">
console.log("here");
$(document).ready(function(){
console.log("here");
$('#league').load('path_to_your_file.html');
alert("finished loading");
});
</script>
<div id="league">
</div>
</body>
</html>
文件.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demonstration Tabellen-Integration</title>
<link rel="stylesheet" type="text/css"
href="http://www.bwbsv.de/bbsb/service/extern/demo.css" />
</head>
<body>
<table id="league" class="standings">
<tbody><tr>
<th class="hpl">Pl.</th>
<th class="hteam">Team</th>
<th class="hg">G</th>
<th class="hv">V</th>
<th class="hpct">.pct</th>
<th class="hgb">GB</th>
</tr>
<tr>
<td class="pl">1.</td>
<td class="team">
Kehl Mosquitos
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">2.</td>
<td class="team">
Ulm Falcons
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">3.</td>
<td class="team">
Sindelfingen Squirrels
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">4.</td>
<td class="team">
Heidelberg Hedgehogs
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">5.</td>
<td class="team">
Schriesheim Raubritter
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">6.</td>
<td class="team">
Göppingen Green Sox
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">7.</td>
<td class="team">
Freiburg Knights
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">8.</td>
<td class="team">
Tübingen Hawks 2
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
<tr>
<td class="pl">9.</td>
<td class="team">
Neuenburg Atomics 2
</td>
<td class="g">0</td>
<td class="v">0</td>
<td class="pct">.000</td>
<td class="gb">0</td>
</tr>
</tbody></table>
</body>
</html>