0

我正在一个网站上工作，我必须保存一个包含 RSS 提要的选项卡，并在用户返回时检索它（我正在使用 Boostrap）。选项卡的 html 代码是

<!-- RSS FEED jquery plugin -->
<script src="jquery.zrssfeed.min.js"></script>

<!--Adding tab Header-->
        <ul id="pageTab" class="nav nav-tabs">
            <li class="active"><a href="#page1" data-toggle="tab">Welcome</a></li>
        </ul>
<!--Adding tab Content-->
       <div id="pageTabContent" class="tab-content">
           <div class="tab-pane active" id="page1">
                <p>--- RSS FEED--- </p>
            <script type="text/javascript">
                  $(document).ready(function () {
$('#page1').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', {
                         limit: 5
                          });
                      });
        </script>           
            </div>
        </div>

我想保存布局和 url，以便我可以取回它。我试过了

function saveLayout()
{
    //Save content to database 
    $.ajax({
        type: "POST",
        url: "saveLayout.php",
        data: {
                    tab_header:$('#pageTab').html(),
                    tab_content:$('#pageTabContent').html()
             },
            success: function(data1) 
            {
                console.log("success");
                console.log(data1);
            }
      }); 
}

但这不起作用，用于 RSS 提要的 javascript 用获取的 html 填充 div，我认为存储所有内容并不明智，因为如果用户注销并再次登录，这会从他那里获取旧的 RSS 提要数据库。如何解决这个问题呢？

4

1 回答 1

0

获取 rss 的 javascript 实际上不需要位于接收其内容的 html div 中。您可以将其放在代码中的其他任何位置，然后仅使用您现在使用的完全相同的“saveLayout()”函数获取它获取的内容，因为它不会无用地复制该 javascript，或者它会是每次都重新获取 RSS，为那位母亲。

<div class = "tabContainer" id="tabContainer0" >
    <!-- RSS FEED jquery plugin -->
    <script src="jquery.zrssfeed.min.js"></script>
    <script type="text/javascript">
                      $(document).ready(function () {
                      $('#page1').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', 
                              {
                                   limit: 5
                              });
                          });
     </script>

    <!--Adding tab Header-->
            <ul id="pageTab" class="nav nav-tabs">
                    <li class="active"><a href="#page1" data-toggle="tab">Welcome</a></li>
            </ul>
        <!--Adding tab Content-->
           <div id="pageTabContent" class="tab-content">
               <div class="tab-pane active" id="page1">
                    <p>--- RSS FEED--- </p>                       
               </div>
           </div>
    </div>
</div>
于 2013-09-03T04:16:10.517 回答