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

【问题标题】：load some content from txt and add to html markup从 txt 加载一些内容并添加到 html 标记
【发布时间】：2014-09-24 11:36:52
【问题描述】：

有一些标记

<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>

css

aside {
    display: inline-block;
    width: 40%;
    border: 1px solid red;
    margin: 2%;
    vertical-align: top;
}

.item {
    border-bottom: 1px solid black;
}

单击button 时，我需要从.txt 文件中加载一些html 内容，并将该标记添加到aside 中。在这样的 .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>

我想“拖动”并将第一个 div 与 .item 类粘贴到 aside.left，第二个 div 与 aside.right 类 .item，第三个 div 与 .item 类在 aside.left 等等.. .

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

感谢您的帮助

这里是JsFiddle DEMO

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

附：程序员使用 Yii 框架。

【问题讨论】：

你还没有真正尝试过
那么，请添加您使用的语言。c# 或 php？以及您的技术是什么？mvc 或其他？
我更新了主要问题，请参阅。

标签： javascript php jquery ajax yii

【解决方案1】：

既然你似乎已经知道AJAX（你添加了标签），我想你已经有了答案。

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

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

您只需要一个您可以使用的 API，您可以指定要加载的项目的偏移量，因此您可以调用 /getitems?offset=12&count=4 从项目 12 中获取接下来的 4 个项目。

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

同时，PHP 程序员实际上可以实现该页面，使其返回相同的数据。他可以使它也适用于非 AJAX 请求，因此他可以轻松地对其进行测试，而无需您的前端代码。

【讨论】：