Javascript 使用文本文件(例如text.txt)填充菜单
我正在尝试只在本地机器上建立一个信息亭。我计划使用JavaScript使菜单列表功能化。下面是我的html代码示例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> &
<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像约翰
<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>