滚动框文件加载/ AJAX单击事件文件加载

时间:2014-10-20 10:35:06

标签: jquery html ajax

我正在尝试将文本文件加载到滚动框(在这种情况下为选框)。如何将文本文件的数据(包含在txt中的文本)加载到滚动横幅中

这是我到目前为止 - 但你必须把想要显示的文本放在HTML

 <div>
<marquee direction="left" scrolldelay="90" scrollamount="10" behavior="scroll" loop="0" style="position:absolute;left:367px;top:307px;width:613px;height:28px;z-index:9;" id="Marquee2"><span style="color:white;font-family:Arial;font-size:24px;"></span><span style="color:black;font-family:Arial;font-size:24px;"></span>
 <!--------------------------ENTER TEXT FOR BANNER IN HERE---------------------------------->

  THIS IS THE BANNER

 <!--------------------------------------END------------------------------------------------->
 </div>

我也使用此选项将部分文本加载到元素中。我可以使用类似的东西吗?没有点击事件(而是自动加载)?

<script>
$(document).ready(function(){
  $("#heading1").click(function(){
   $("#paragraph1").slideToggle("slow").load("paragraph1.txt #p1");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#heading2").click(function(){
   $("#paragraph2").slideToggle("slow").load("paragraph1.txt #p2");
  });
});
</script>


  <div>
<h3 id="heading1">Store of the Year</h3>
<div id="paragraph1"></div>

<h3 id="heading2">Stofe of the Year 20134</h3>
<div id="paragraph2"></div>
  </div>

1 个答案:

答案 0 :(得分:0)

最好让DB充当事件存储,然后使用查询来仅提取最新(例如5个)事件。

无论如何,您需要创建一个每次需要检索数据时都可以调用的函数:

function getFile (success) {
  $.get({
    url: 'full/url/to/access/file.txt', // could be relative path, I'm not sure tbh could some one point that out?
    success: success(dataFromServer),
    dataType: 'text'
  })
}

然后你会这样使用它:

getFile( function success (dataFromServer) {
  data = whateverYouNeedToDoToFormatTextForDisplayOnYourSite
  $("#paragraph2").slideToggle("slow").load(data)
})