Javascript 服务器上的JQuery只是间歇性的。appends()
如下所示,我在加载页面时调用一个端点,以获取一些数据并将其附加到div中。在localhost上,它工作得很好,但在服务器上,它只能间歇性地工作。。。当我在dev工具中查看时,network选项卡建议使用$.post并返回数据。。。但是追加没有 我想知道这是否与html呈现之前完成的$.post有关,因此没有要附加到的div。。。但不确定如何验证或修复此问题。我尝试将html页面中的脚本移动到close body标记之前,以确保首先呈现html。我还确保在调用$Document.ready之前在JS中定义函数 看到它不在现场工作…-如果你尝试多次点击博客页面,你会看到它有时会挂起 $document.readyfunction{ var page=‘博客文章’; $'main-body-content'。加载'site/pages/'+page+'.php'; 数据; $.post'endpoint/sendEvent.php'{ 用户ID:, eventType:pageView, 当前URL:window.location.href, 推荐人: }; }; 函数加载数据{ $‘封面’节目; $.post'endpoint/getArticles.php'{ 类型:全部 },函数结果{ var数据=结果; $.eachdata,functioni,l{ $'articles'。追加 ; }; $“覆盖”。淡出流; }; $.post'endpoint/getTags.php',{},functionresult{ var数据=结果; $.eachdata,functioni,l{ $'tags'。追加 +l+“” ; }; }; } 博客文章数据库 浏览A-Z 全部的Javascript 服务器上的JQuery只是间歇性的。appends(),javascript,jquery,html,append,Javascript,Jquery,Html,Append,如下所示,我在加载页面时调用一个端点,以获取一些数据并将其附加到div中。在localhost上,它工作得很好,但在服务器上,它只能间歇性地工作。。。当我在dev工具中查看时,network选项卡建议使用$.post并返回数据。。。但是追加没有 我想知道这是否与html呈现之前完成的$.post有关,因此没有要附加到的div。。。但不确定如何验证或修复此问题。我尝试将html页面中的脚本移动到close body标记之前,以确保首先呈现html。我还确保在调用$Document.ready之前在
您正在干扰异步请求。一次只做一件事,然后继续成功 试试这个:
$('#main-body-content').load('site/pages/' + page + '.php', loadArticlesData);
等待第一个请求完成-然后移动
$.post'endpoint/getTags.php',{}
进入第二个请求成功的结尾