Javascript 使用文本文件(例如text.txt)填充菜单

Javascript 使用文本文件(例如text.txt)填充菜单,javascript,jquery,html,ajax,database,Javascript,Jquery,Html,Ajax,Database,我正在尝试只在本地机器上建立一个信息亭。我计划使用JavaScript使菜单列表功能化。下面是我的html代码示例 <ul class="sf-menu"> <li class="current"> <a href="#a">Area1</a> <ul> <li> &

我正在尝试只在本地机器上建立一个信息亭。我计划使用JavaScript使菜单列表功能化。下面是我的html代码示例

<ul class="sf-menu">
        <li class="current">
            <a href="#a">Area1</a>
                <ul>
                    <li>
                        <a href="#aa">John's Store </a>
                    </li>
                        <li class="current">
                            <a href="#ab">Katy's store</a>
                                <ul>
                                    <li class="current"><a href="#">Orange</a></li>
                                    <li><a href="#aba">Watermelon</a></li>
                                    <li><a href="#abb">Apple</a></li>

                                </ul>
                        </li>
                        <li>

                            <a href="#">Catherine's Store</a>
                                <ul>
                                    <li><a href="#">Banana</a></li>
                                    <li><a href="#">Pear</a></li>
                                    <li><a href="#">Cherry</a></li>

                                </ul>
                        </li>

                </ul>
        </li>

        <li>
            <a href="#">Area2</a>
                <ul>
                        <li>
                            <a href="#">Peter</a>
                                <ul>
                                    <li><a href="#">Apple</a></li>
                                    <li><a href="#">Rockmelon</a></li>


                                </ul>
                        </li>
                        <li>
                            <a href="#">Lynda</a>
                                <ul>
                                    <li><a href="#">Strawberry</a></li>
                                    <li><a href="#">Jackfruit</a></li>
                                    <li><a href="#">Orange</a></li>

                                </ul>
                        </li>

                    </ul>
            </li> <!--current-->

    </ul> <!--sf-menu-->
要更新/更改菜单的人(这将是大量的)将使用一个简单的文本文件,例如notepad-.txt(出于某些原因)。有没有办法用简单的文本文件更新菜单项?我可以使用JavaScript或jQuery插件/代码吗


任何方向都将不胜感激。

您可以使用。获取:

  var textFile = "SCHEME://DOMAIN/FILENAME.txt";        
  jQuery.get(textFile, function(textFileData) {             
      //Parse file and populate menu based on specs.   
      //textFileData will have the text      
    }         
如果希望返回每行的文本,可以执行以下操作(假设名称之间用换行符分隔):

var eachlineextfile=textFileData.responseText.split(“\n”);
对于(var i=0,len=eachlinextfile.length;i
一个样本是:

<script type="text/javascript">
    $(document).ready(function () {
        var textFile = "http://localhost/MyDomain/Menu.txt";
        jQuery.get(textFile, function (textFileData) {
            var EachLineInTextFile = textFileData.responseText.split("\n");
            for (var i = 0, len = EachLineInTextFile.length; i < len; i++) {
                STORE_TO_REPLACE = EachLineInTextFile[i];
                //STORE_TO_REPLACE: I would have to the entire format of your file to do this.
            }
        })
    });           
</script>

$(文档).ready(函数(){
var textFile=”http://localhost/MyDomain/Menu.txt";
get(textFile,函数(textFileData){
var eachlinextfile=textFileData.responseText.split(“\n”);
对于(var i=0,len=eachlinextfile.length;i
从这里开始,如果需要替换列表中的值的帮助,请查看


或者,如果您想替换它们,您可以使用它们来遍历列表。

您好,感谢您的快速回复!对不起,我是jQuery新手,您能更详细地解释一下代码吗?上面的代码是如何连接到菜单列表的?例如,如果我的菜单html像约翰
  • 凯蒂
  • 凯瑟琳
  • 彼得
  • 。我想从members.txt(没有代码,只有人名)填充菜单列表,这样某人可以更新txt文件,只上传更新后的姓名。谢谢!文本文件的格式是什么?它是一个名字,然后是一个换行符,然后是一个名字吗?它可以格式化,但你说的方式听起来不错。我的主要目标是,对于要用文本文件更新菜单的人,没有代码。因为将有数百个成员/名称,每个成员/名称下也将有产品列表。非常感谢。好的,我更新了答案,向您展示了如何逐行获取每个名称。从这里开始,您只需将姓名放入列表中即可。我给了你一个链接,告诉你如何去做。对不起,NgM,我在这方面做得有点慢,你认为Jquery可以使用我提供的代码吗?再次感谢。
    <script type="text/javascript">
        $(document).ready(function () {
            var textFile = "http://localhost/MyDomain/Menu.txt";
            jQuery.get(textFile, function (textFileData) {
                var EachLineInTextFile = textFileData.responseText.split("\n");
                for (var i = 0, len = EachLineInTextFile.length; i < len; i++) {
                    STORE_TO_REPLACE = EachLineInTextFile[i];
                    //STORE_TO_REPLACE: I would have to the entire format of your file to do this.
                }
            })
        });           
    </script>