Javascript 如何逐字显示通过AJAX接收的文本?

Javascript 如何逐字显示通过AJAX接收的文本?,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我试图通过javascript/jQuery逐字或逐字显示文本。我已经找到了答案 不同之处在于,此文本是在页面加载后通过AJAX交付的 例如,假设我在一些标记中有一些文本。发送AJAX请求时,标记内的文本将更新。如何一次显示一个单词的输入文本 <p> Some awesome text inside here </p> 这里有一些很棒的文字 AJAX请求 <p> Even more awesome text inside here, but display

我试图通过javascript/jQuery逐字或逐字显示文本。我已经找到了答案

不同之处在于,此文本是在页面加载后通过AJAX交付的

例如,假设我在一些
标记中有一些文本。发送AJAX请求时,
标记内的文本将更新。如何一次显示一个单词的输入文本

<p> Some awesome text inside here </p>
这里有一些很棒的文字

AJAX请求

<p> Even more awesome text inside here, but displayed one word at a time </p>
这里有更多精彩的文字,但每次只显示一个单词


在javascript文件中尝试以下操作:

var returnedString = "Even more awesome text inside here, but displayed one word at a time"; //this is your returned string
var stringToArray = returnedString.split(" ");
for(var i = 0; i < stringToArray.length; i++)
{
   $("#containerElement").append(stringToArray[i] + "<br/>");
}
var returnedString=“这里有更多精彩的文本,但每次只显示一个单词”//这是您返回的字符串
var stringToArray=returnedString.split(“”);
对于(变量i=0;i);
}
您还可以使用setTimeout来控制下一个单词的显示时间。

var textToDisplay=“这里有更多精彩的文本,但每次只显示一个单词”,
$输出=$(“p”);
$(“按钮”)。单击(函数(){
var-displayInt;
textToDisplay=textToDisplay.split(“”);
$output.empty();
displayInt=setInterval(函数(){
var word=textToDisplay.shift();
如果(word==null){返回clearInterval(displayInt);}
$output.append(word+'');
}, 300);
});


这里有一些很棒的文本

Load
$.ajax({url:'yoururl.php',键入:'POST',数据:{}).done(函数(响应){console.log(响应);})将文本拆分为单词,并使用超时来逐字添加。看看这个:Daan,你能进一步解释你的评论吗?jeroen,我想我可以这样做,但我真的很想在客户端处理它,因为我想能够在逐字或逐字之间进行选择。华盛顿,请读这个问题。我特别询问一个AJAX请求。我很熟悉你提到的问题。如果我遗漏了什么,请解释。这并不能解释文本数据是通过AJAX接收的。谢谢你的回答,但这如何解释通过AJAX发送的文本?为什么不?有什么区别?文本就是文本。不要在单击时执行此操作,而是在回调函数中执行此操作,这很简单all@MikelG您的问题中也没有包含任何与Ajax相关的代码。不管它是否是Ajax,只要作为回调来做就行了。这就是你要的答案。明白。今晚我将努力实施这一计划。没有AJAX的原因是因为我目前无法访问代码。此外,我正在使用Yii2框架及其pjax小部件自动生成相应的脚本。我将使用函数作为回调来相应地修改代码。我不知道为什么我一开始就不这么想。非常感谢。