Question

我正在使用PHP来json_encode一个数组，然后用jQuery的$ .parseJSON（）客户端解析它。

$('.load-more').click(function(e) {
    e.preventDefault();

    var $this = $(this);

    var load   = $this.data('current-page') + 1;
    var parent = $this.data('parent');

    $.ajax({
        type: "GET",
        url: "http://mysite.mysite/blog/pagination-processor.html",
        data: {page: load, parent: parent},
        success: function (response) {

            response = $.parseJSON(response);

            if(response.success) {
                $(".post-list").append(response.page);

                // Update the page attribute
                $this.data('current-page', load);
            } else {
                $this.after(response.page);
                $this.remove();
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert("There seems to be a problem.");
        }
    });
});

PHP的摘录，我正在使用json_encode ...

if(empty($page)) {
    $noResults = $modx->parseChunk('pagination-no-results',array('text' => 'No more posts!'));
    return json_encode(array(
        'success' => false,
        'page'    => $noResults
    ));
} else {
    return json_encode(array(
        'success' => true,
        'page'    => $page
    ));
}

“success：true”是不言自明的，而$ page是从modx getResources数组创建的。 $ page是一大块html。

$page = $modx->runSnippet('getResources', array(
'parents'        => $parent,
'limit'          => $limit,
'offset'         => $offset,
'includeTVs'     => '1',
'tvPrefix'       => '',
'includeContent' => '1',
'tpl'            => $tpl,
'tplFirst'       => $tplFirst
));

以下是通过AJAX调用返回的内容。

<p>{"success":true,"page":"<div class=\"blog-post\">\n    <figure>\n        <img src=\"http:\/\/placehold.it\/580x338&text=Blog Image\">\n    <\/figure>\n    <div class=\"intro\">\n        <h1><a href=\"blog\/article-4.html\">Article 4<\/a><\/h1>\n        <p><\/p>\n        <div class=\"meta\">\n            <ul class=\"post-details\">\n                <li class=\"published\">\n                    <time pubdate=\"pubdate\" datetime=\"2014-06-28\">28\/06\/2014<\/time>\n                <\/li>\n                <li class=\"comments\">\n                    <a href=\"http:\/\/mysite.mysite\/blog\/article-4.html#disqus_thread\"><\/a>\n                <\/li>\n            <\/ul>\n            <ul class=\"post-tags\">\n                <li><a href=\"blog\/blog-filter.html?tag=responsive+design&amp;key=blog-tags\">responsive design<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- \/.blog-post -->\n<div class=\"blog-post\">\n    <figure>\n        <img src=\"http:\/\/placehold.it\/580x338&text=Blog Image\">\n    <\/figure>\n    <div class=\"intro\">\n        <h1><a href=\"blog\/article-5.html\">Article 5<\/a><\/h1>\n        <p><\/p>\n        <div class=\"meta\">\n            <ul class=\"post-details\">\n                <li class=\"published\">\n                    <time pubdate=\"pubdate\" datetime=\"2014-06-28\">28\/06\/2014<\/time>\n                <\/li>\n                <li class=\"comments\">\n                    <a href=\"http:\/\/mysite.mysite\/blog\/article-5.html#disqus_thread\"><\/a>\n                <\/li>\n            <\/ul>\n            <ul class=\"post-tags\">\n                <li><a href=\"blog\/blog-filter.html?tag=responsive+design&amp;key=blog-tags\">responsive design<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- \/.blog-post -->"}</p>

JSON Special Characters似乎导致了问题（我认为），因为它们没有逃脱。我尝试了很多不同的方法，但没有运气。

任何帮助，都将不胜感激。

Answer 1

我看到你用Modx标记了这个问题。我有几次遇到同样的问题，我想我知道为什么JSON对象包含在<p> - 标签中。

我看到你在Modx中调用资源。您是否碰巧运行了在“内容”字段中输出JSON的代码段？此内容字段是否使用像TinyMCE这样的富文本编辑器？如果是，请转到该页面上的设置，关闭Rich Text，保存更改，刷新页面，然后手动删除现在应显示的内容字段中的<p> - 标记。

Answer 2

返回的数据具有有效的JSON对象{...}，后跟关闭HTML标记</p>。这可能是问题所在。

使用HTML解析JSON - modx段落标记问题

2 个答案: