jQuery Ajax$.parseJSON在Localhost上有效，但在服务器上无效

Question

大家好，提前感谢您的帮助。

我有一个无限滚动脚本，我已经在本地主机上开发和工作了，但没有在我的服务器上。

JS代码如下：

$('#load-more').on('mouseenter', function() {
$(this).css('cursor', 'pointer');
}).on('click', function slide(event) {
var relData = $.parseJSON($(this).attr('rel'));
$('#loader').html('<img src="design/loader.gif" alt="" />');
var data = {
displayedSites: relData.displayedSites,
catNum: relData.catNum,
streamPage: relData.streamPage,
numSites: relData.numSites
};
$.ajax({
type: 'POST',
url: 'ajax/infinite-scroll.php',
data: data,
dataType: 'json',
timeout: 3000,
success: function(data) {
$('#sitesstream').fadeOut(100, function() {
$(this).append(data.newSitesSet);
}).fadeIn(1000);
$('#loader').html('');
if (data.moreSitesRel.active != 'off') {
$('#load-more').show();
$('#load-more').attr('rel', '{"displayedSites":"' + data.moreSitesRel.displayedSites + '", "catNum":"' + data.moreSitesRel.catNum + '", "streamPage":"' + data.moreSitesRel.streamPage + '", "numSites":"' + data.moreSitesRel.numSites + '"}');
} else {
$('#load-more').hide();
}
},
error: function() {
$('#siteStreamInfo').text('Problem');
}
});
return false;
});

它调用一个PHP文件来添加更多内容并发送回页面。

你知道缺少什么吗？或者我应该添加/更改什么才能在我的服务器上运行吗；7 php版本。我也使用jQuery 3.5.1版

非常感谢。

Answer 1

根据基本经验，NEVER手动创建自己的JSON字符串。

当您将JSON设置回rel属性时，您可能在返回的数据中遇到了使其无效的东西。

相反，使用JSON.stringify((

$("#load-more").attr("rel", JSON.stringify({
displayedSites: data.moreSitesRel.displayedSites,
catNum: data.moreSitesRel.catNum,
streamPage: data.moreSitesRel.streamPage,
numSites: data.moreSitesRel.numSites
}));

---

FYI，您的mouseenter处理程序将比实际的CSS 简单得多

#load-more { cursor: pointer; }

您甚至不需要:hover，因为cursor规则只适用于鼠标悬停。

Answer 2

感谢菲尔的帮助。我已经删除了光标的东西，并将其放在我的CSS中：(

我最终解决了我的问题，这不是jQuery JSON问题，而是对infinite-croll.php文件的PDO查询。

这很奇怪。

查询为：

$sitesQuery = 'SELECT '.$fields.' FROM annuaire_sites AS sites LEFT JOIN countries AS coun ON coun.id = sites.loc_country WHERE sites.category = '.$page['catNum'].' and sites.valid = 1 and sites.premium = 0 ORDER BY sites.date_ins DESC, sites.hour_ins DESC LIMIT :start, :perpage';
$res_sites = $bdd->prepare($sitesQuery);

$res_sites->bindValue(':start', 0, PDO::PARAM_INT);
$res_sites->bindValue(':perpage', 60, PDO::PARAM_INT);
$res_sites->execute();
$res_sites->setFetchMode(PDO::FETCH_OBJ);

我被替换为：

$sitesQuery = 'SELECT '.$fields.' FROM annuaire_sites AS sites LEFT JOIN countries AS coun ON coun.id = sites.loc_country WHERE sites.category = '.$catNum.' and sites.valid = 1 and sites.premium = 0 ORDER BY sites.date_ins DESC, sites.hour_ins DESC LIMIT '.$start.', '.$displayedSites.'';
$res_sites = $bdd->prepare($sitesQuery);
$res_sites->execute();
$res_sites->setFetchMode(PDO::FETCH_OBJ);

我放弃了bindValue，这是问题的根源，原因我不知道！因为我在某些页面上使用了相同的查询，而且它运行良好。。。

如果有人有解释。。。

不管怎样，再次感谢你的帮助。