Question

我正在尝试使用Javascript / JQuery将.html文件的全部内容加载到我在另一个页面中的div中，并且当前有：

$( "#divToFill" ).load("newContent.html");

然而，这将取代DIV中的现有内容，并在屏幕上留下空白空间。 newContent.html中的内容如下：

 <table cellspacing="0" cellpadding="3" border="0" class="results" id="results">
    <thead id="tableHeader">
       <tr class="column-headers">
          <td width="15%">1</td>
          <td width="10%">2</td>
          <td width="35%">3</td>
          <td width="17%">4</td>
          <td width="5%">5</td>
          <td width="18%">6</td>
       </tr>
    </thead>
    <tbody>
       <tr class="row">
          <td class="column">
             <div style="word-wrap:break-word;overflow:auto">CONTENT</div>
          </td>
          <td class="2">Num5757474747</td>
          <td class="3">
             <span>
                <div class="divStyle2"> TEXT TEXT TEXT </div>
             </span>
          </td>
          <td class="4">HELLO</td>
          <td class="5">10:00</td>
          <td class="6">To be done</td>
       </tr>
    </tbody>
 </table>

任何帮助？

Answer 1

你可以尝试通过php文件加载它

<script>
$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

如果不试试这个

<script type="text/javascript"> 
            var includeDiv = $("#include");
            $(window).on('hashchange', function() {
                var href = location.hash.slice(1) +".html";
                includeDiv.load('include/' + href);
            });
 </script>

Answer 2

jQuery.load（）函数需要页面的整个URI。所以，如果你在现场网站上进行开发，那就需要....

$("#DivToFill").load("http://domain/directory/fileName.html");

另外，尝试输出加载功能的响应在控制台中。这将有助于您进一步调试。你这样做的方式是......

        $("#DivToFill").load("http://domain/directory/fileName.html",function(response, status, xhr ){
         console.log(xhr);
         console.log(response);
         console.log(status);
        }

希望这会有所帮助......

尝试从HTML文件中将表加载到DIV中

2 个答案: