Question

我想显示这个

http://www.bwbsv.de/bbsb/service/extern/standings.php?start=http://www.bwbsv.de/bbsb/service/extern/start.htm&end=http://www.bwbsv.de/bbsb/service/extern/end.htm&t=401

（这只是一个例子）
在我的wordpress网站的页面上。 start.htm包含

<!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>

而end.htm看起来像

</body>
</html>

“t = 401”指定要展示的联赛。

将这个实现到页面的最佳方法是什么？

编辑：我忘记了某事。 start.htm和end.htm的url存储在localy中，而standings.php则不存在。这一点的目的是拥有一张最新的联赛表，而无需手动完成。

编辑2：进一步澄清：第一个链接只是它应该是什么样子的一个例子。它可以根据用户需求进行定制，例如t = 401表示id = 401的联盟。自定义后，它应该看起来像这样

http://www.bwbsv.de/bbsb/service/extern/standings.php?start=http:/yourServer.com/start.htm&end=http://http:/yourServer.com/end.htm&t=123

此链接提供了ID为123的联盟的最新联赛表。更新不是由我完成的，它们是从bwbsv页面提供的。我想将这个表集成到我的wordpress网站上的普通页面/小部件/侧边栏/ ....

Answer 1

正如我在第一篇文章中提到的，由于Same origin policy您无法加载外部内容，抱歉。

使用jQuery load()

为表格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>

<强> File.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>

Answer 2

尝试添加iframe：

<iframe border="0" width="600px" height="auto" src="http://www.bwbsv.de/bbsb/service/extern/standings.php?start=http://www.bwbsv.de/bbsb/service/extern/start.htm&end=http://www.bwbsv.de/bbsb/service/extern/end.htm&t=401"></iframe>

您可以更改页面的最佳尺寸。

wordpress中的外部php文件/链接

2 个答案: