Javascript 从txt加载一些内容并添加到html标记

Javascript 从txt加载一些内容并添加到html标记,javascript,php,jquery,ajax,yii,Javascript,Php,Jquery,Ajax,Yii,加价 <div class="container"> <aside class="left"> <div class="item"><p>lorem ipsum</p></div> </aside> <aside class="right"> <div class="item"></div> </aside&

加价

<div class="container">
    <aside class="left">
        <div class="item"><p>lorem ipsum</p></div>
    </aside>
    <aside class="right">
        <div class="item"></div>
    </aside>
</div>
<button>load more</button>
我需要在单击
按钮时从.txt文件加载一些html内容,并将该标记添加到
旁边的
中。像这样的.txt文件标记

<div class="item"><p>lorem ipsum1</p></div>
<div class="item"><p>lorem ipsum2</p></div>
<div class="item"><p>lorem ipsum3</p></div>
<div class="item"><p>lorem ipsum4</p></div>
lorem ipsum1

lorem ipsum2

lorem ipsum3

lorem ipsum4

我想用class
将第一个div.item
拖到
旁边。左
,第二个div是class
旁边。item
旁边。右
,第三个div是class
旁边。item
旁边。左
等等

有什么解决办法吗?我不知道如何在两列中粘贴
.item
divs

谢谢你的帮助

这是

upd:我只使用css+html+一些jquery,我对php或服务器技术一无所知。。但是使用我的标记的程序员说,我需要演示如何在单击时添加内容。。所以我不知道这是我的工作,还是程序员需要做的。。我需要你对此的回答。。 如果这有帮助,这里是你们可以看到的网站。在底部,你们可以看到箭头,点击需要在列中添加内容


p.S.程序员使用Yii框架。

既然您似乎已经了解
AJAX
(您添加了标签),我想您已经找到了答案

您可以使用AJAX从服务器获取任何数据块并将其添加到页面中

由于您与服务器端程序员一起工作,我认为您每个人都可以独立地构建自己的部分

您所需要的只是一个可以使用的API,您可以指定要加载的项的偏移量,这样您就可以调用
/getitems?offset=12&count=4
,从项12中获取接下来的4个项

然后,您可以创建一个简单的页面,返回虚拟数据
getitems.php
每次都可以返回相同的常量项,只需将这些项添加到列表底部即可


同时,PHP程序员可以实际实现该页面,使其返回相同的数据。他可以这样做,即它也适用于非AJAX请求,因此他可以轻松地测试它,而不需要您的前端代码。

您实际上还没有尝试过这样做,请添加您使用的是哪种语言。c#或php?您的技术是什么?mvc还是其他什么?我更新了主要问题,请参见。
<div class="item"><p>lorem ipsum1</p></div>
<div class="item"><p>lorem ipsum2</p></div>
<div class="item"><p>lorem ipsum3</p></div>
<div class="item"><p>lorem ipsum4</p></div>