我正在try 使用AJAX GET URL来获取同一域名上三个WordPress帖子的帖子内容. 我在脚本中有一个按钮和一个数组中的URL,它可以工作,但所有三个URL都是快速加载到一行中的,我想在每次单击和循环之后逐个获取每个URL,所以四次单击再次从数组的开头开始. 这是我的代码:
<button type="button" class="loadAjax">Get Content</button>
<div id="target"></div>
<script>
(function ($) {
$('.loadAjax').click(function(){
var url = ['a-nice-post', 'a-small-gallery', 'a-nice-entry']
for (var i = 0; i < url.length; i++) {
var link = url[i];
$.ajax({
url: link,
type:'GET',
success: function(data) {
$('#target').html($(data).find('.entry-content').html());
}
});
}
});
})(jQuery);
</script>
这里是一个link to my example,当你点击"获取内容"按钮时,你会注意到,内容的开始文本显示的是URL,其余的是Lorem ipsum填充符.还请注意,加载内容的速度很慢,所以在点击按钮后等待几秒钟,我计划在点击后为用户添加一些反馈,但我只想让这里的代码保持简单.