. getjson函数,附加到PHP url,从PHP文件返回数据


.getJSON function, append to PHP url, return data from PHP file

我发现很多这样的例子从mysql查询中获取数据。我想传递回jQuery函数是JSON格式的解析html内容。我想做的是将PHP代码从页面的初始加载中分离出来。我在jQuery Mobile中做这个。我知道,我的描述很糟糕,很难用语言表达。

我得到文章名称和链接从我的数据库和输出listview在index.html。当用户单击一篇文章时,我传递URL中的链接,用jQuery获取它,并尝试调用解析该URL的PHP文件。以下是所有代码:

index . html:

<body>
  <div data-role="page" id="mainNews">
  <div data-role="content">
        <ul id="fnews" data-role="listview"></ul>
    </div>
</div>
<script src="js/getmainnews.js"></script>
</body>

getmainnews.js:

var serviceURL = "http://localhost/basket/services/";
var news;
$('#mainNews').bind('pageinit', function(event) {
getNews();
});
function getNews() {
$.getJSON(serviceURL + 'getmainnews.php', function(data) {
    $('#fnews li').remove();
    mainnews = data.items;
    $.each(mainnews, function(index, mnews) {
        $('#fnews').append('<li data-icon="false"><a style="white-space:normal;" href="newstext.html?url=http://www.basket-planet.com' + mnews.link + '">' + mnews.article + '</a></li>');
    });
    $('#fnews').listview('refresh');
});
}

getmainnews.php:

<?php
include 'connect_to_mysql.php';
mysql_query("SET NAMES UTF8");
$sql = mysql_query("SELECT * FROM basket_news");
$mainnews = array();
while ($r = mysql_fetch_assoc($sql)){
$mainnews[] = $r;
}
echo '{"items":'. json_encode($mainnews).'}';
?>

一切加载正常,但下一页是空的。这是接下来的3个文件…很抱歉,这是一个很长的话题。

newstext.html:

<body>
<div data-role="page" id="newstext">
  <div data-role="content">
        <div id="textcontent"></div>
    </div>
</div>
</body>

newstext.js:

var serviceURL = "http://localhost/basket/services/";
$('#newstext').bind('pageshow', function(event) {
var url = getUrlVars()["url"];
$.getJSON(serviceURL + 'getnewstext.php?url='+url, displayNewsText);
});
function displayNewsText(data){
var newstext = data.item;
$('#textcontent').append(newstext);
}
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
}
return vars;
}

最后getnewstext.php:

<?php
include_once ('simple_html_dom.php');
    $url = $_GET['url'];
    $html = file_get_html(''.$url.'');
    $article = $html->find('div[class=newsItem]');
    $a = str_get_html(implode("'n", (array)$article));
    @$a->find('div[style*=float]', 0)->outertext = '';
    @$a->find('h3', 0)->outertext = '';
    @$a->find('div[id=comments]', 0)->outertext = '';
    @$a->find('script', 0)->outertext = '';
    @$a->find('a[href*=register]', 0)->outertext = '';
    @$a->find('div', 4)->outertext = '';
    @$a->find('div', 6)->outertext = '';
    echo '{"item":'. json_encode($a) .'}';
?>

这是6个文件。在newstext.html中,URL包含我需要传递给PHP文件的URL。我确定问题出在最后三个文件上。我哪里做错了?提前感谢!

更新:控制台错误修复,但页面上仍然没有输出。

Update2:从搜索周围,我看到json_encode只接受数组的地方。最后一个PHP脚本中的$a是来自包含各种html标记的页面的内容。我怎么把它变成数组呢?使一个键/值与值是所有的html内容?

错误getUrlVars is not defined newstext.js:3说明了一切。您正在调用一个没有在任何地方定义的函数。我做了一个快速搜索,你可能想要这个:

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}