php - hijax 不支持 php 扩展

Question

由于某种原因，当文件具有 php 扩展名时，以下代码不起作用:

<ul class="issues">
<li><a href="jobs.php">Jobs</a></li>
<li><a href="town-centres.php">Town Centre</a></li>
</ul>
<div id="input"></div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
(function(){
var wrap = $('#input');
$('ul.issues a').on('click', function(e){
    var href = $(this).attr('href');
    wrap.load(href + ' article');   
    e.preventDefault();
});
})();
 </script>

在本地工作正常，但在远程服务器上不会出现任何内容，除非我将文件扩展名更改为 htm。控制台显示 XHR 已加载。请参阅broken PHP version和 working .htm version

Answer 1

问题是 PHP 脚本返回的是什么(或者在本例中不是)...

wrap.load(href + ' article');

这个 jQuery 加载 href并刚刚得到 <article>部分并将其加载到 wrap元素。如果您使用类似 Firebug 的内容(或者任何浏览器调试器，您可以在其中查看使用 AJAX 加载的内容)您将看到 PHP 脚本返回以下内容:

<div id="content">
<h1>Do new supermarkets really create jobs?</h1>
etc...

哪里是 .htm版本返回:

<div id="content">
<article>
<h1>Do new supermarkets really create jobs?</h1>
etc ...

所以你可以看到 PHP 没有回复 <content>标签 - 因此没有 HTML 添加到 wrap元素

您有 2 个选项可以解决该问题..

1. 将 jQuery 更改为 wrap.load(href + ' #content');
2. 更改 PHP 脚本以包含 <article>