Заполните меню текстовым файлом, например text.txt

Question

Я пытаюсь построить киоск только на локальной машине. Я планирую использовать 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-->

Человек, который собирается обновить / изменить меню (которое будет массовым), будет использовать простой текстовый файл, например, блокнот - .txt (по определенным причинам). Есть ли способ обновить пункты меню простым текстовым файлом? Могу ли я использовать плагин / код JavaScript или jQuery?

Любое направление будет оценено.

Answer 1

Вы можете сделать это, используя .get:

  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 EachLineInTextFile= textFileData.responseText.split("\n");         
   for (var i = 0, len = EachLineInTextFile.length; i < len; i++) 
   { 
     //This will give you each name from here you can put the name where you want it
   } 

Образец будет:

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

Отсюда, если вам нужна помощь в замене значений в вашем списке, посмотрите эту статью

Или, если вы хотите заменить их все, вы можете использовать .each для просмотра списка.