Javascript PHP SQL/Ajax检索问题

我有一个web应用程序，我从mysql数据库中获取数据，并在Handlebar模板的帮助下将其放入网站

首先，我使用的PHP如下所示：

<?php

function isXHR() {
    return isset( $_SERVER['HTTP_X_REQUESTED_WITH'] );
}


function connect(){
    global $pdo;
    $pdo = new PDO("mysql:host=localhost;dbname=personal", "user", "password");
}

function get_blog_posts( ) {
    global $pdo;

    $stmt = $pdo->prepare('
        SELECT url, title, location, date, author, content, thmb 
        FROM photolog
        LIMIT 50');
    $stmt->execute();

    return $stmt->fetchAll( PDO::FETCH_OBJ );
}

然后将数据放入模板中：

<div id="blog_list">
                <script id="photo_blog_template" type="text/x-handlebars-template">
                    {{#foreach this}}
                    {{#if $first}}
                        <div class="4u">
                            <div class="photo">
                                    <a id="single_image" href="{{url}}"><img src="{{thmb}}" alt=""/></a>
                            </div>
                        </div>

                        <div class="8u post">
                            <header>
                                <h2>{{title}}</h2>
                                <h3>{{location}}</h3>
                                <div class="antet">
                                    <div class="author">{{author}}</div>
                                    <div class="date">{{date}}</div>
                                </div>
                            </header>
                            <p>{{content}}</p>
                        </div>

                    {{/if}}
                    {{#if $rest}}
                        <div class="3u post-small">
                            <div class="photo">
                                    <a id="single_image" href="{{url}}"><img src="{{thmb}}" alt=""/></a>
                            </div>
                            <header>
                                <h2>{{title}}</h2>
                                <h3>{{location}}</h3>
                                <div class="antet">
                                <div class="author-small">{{author}}</div>
                                <div class="date-small">{{date}}</div>
                            </div>
                            </header>
                            <p>{{content}}</p>
                        </div>          
                    {{/if}}
                    {{/foreach}}
                </script>
        </div>

问题出现在新的android浏览器上，在我关闭应用程序/页面并用ctrl+shift+T打开它之后。它不显示页面，只显示json文件。该页面位于stefanperju.com

<div id="blog_list">
                <script id="photo_blog_template" type="text/x-handlebars-template">
                    {{#foreach this}}
                    {{#if $first}}
                        <div class="4u">
                            <div class="photo">
                                    <a id="single_image" href="{{url}}"><img src="{{thmb}}" alt=""/></a>
                            </div>
                        </div>

                        <div class="8u post">
                            <header>
                                <h2>{{title}}</h2>
                                <h3>{{location}}</h3>
                                <div class="antet">
                                    <div class="author">{{author}}</div>
                                    <div class="date">{{date}}</div>
                                </div>
                            </header>
                            <p>{{content}}</p>
                        </div>

                    {{/if}}
                    {{#if $rest}}
                        <div class="3u post-small">
                            <div class="photo">
                                    <a id="single_image" href="{{url}}"><img src="{{thmb}}" alt=""/></a>
                            </div>
                            <header>
                                <h2>{{title}}</h2>
                                <h3>{{location}}</h3>
                                <div class="antet">
                                <div class="author-small">{{author}}</div>
                                <div class="date-small">{{date}}</div>
                            </div>
                            </header>
                            <p>{{content}}</p>
                        </div>          
                    {{/if}}
                    {{/foreach}}
                </script>
        </div>