如何将信息从文本文件导入html或javascript
我目前正在创建一个需要访问文本文件中存储的文本并将其解析为数据结构的网站。我想使用javascript函数或html标记来包含或调用该文件,以便对其进行解析。然而,我似乎找不到一个好办法来做这件事。有什么建议吗 我不知道如何更具体,但也许一些伪代码会有所帮助。目前的代码大致如下:如何将信息从文本文件导入html或javascript,javascript,html,Javascript,Html,我目前正在创建一个需要访问文本文件中存储的文本并将其解析为数据结构的网站。我想使用javascript函数或html标记来包含或调用该文件,以便对其进行解析。然而,我似乎找不到一个好办法来做这件事。有什么建议吗 我不知道如何更具体,但也许一些伪代码会有所帮助。目前的代码大致如下: mylist = new Array(); function myfunc() { var str = [get information from website]; mylist.push(str)
mylist = new Array();
function myfunc()
{
var str = [get information from website];
mylist.push(str);
}
也就是说,如果网站有以下文本:
"<tag attr=str attr=str>text</tag>"
“文本”
mylist的最新(或最后)元素是“text”。
谢谢
编辑:感谢您的快速回复。我试图避开jquery(实际上,我在站点中实现angular),但我试图使用本机javascript方法,而不是库。从回答来看,没有一个答案。谢谢你的帮助 在JS代码中使用Ajax从服务器加载内容 您的
[从网站获取信息]代码>应替换为获取数据的函数
考虑为此使用jQuery
或者使用本机JavaScript ajax您应该使用,也称为“ajax”方法
至于如何开始使用它
这里有一段摘录:
function makeRequest(url, callback) {
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
httpRequest = new XMLHttpRequest();
}
//i'd omit this if I don't support older browsers
else if (window.ActiveXObject) { // IE
try {
httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!httpRequest) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
httpRequest.onreadystatechange = function () {
if (httpRequest.readyState === 4 && httpRequest.status === 200) {
callback(httpRequest.responseText);
} else {
alert('There was a problem with the request.');
}
}
httpRequest.open('GET', url);
httpRequest.send();
}
//using
makeRequest('path/to/your/file', function (contents) {
myList.push(contents);
});
您可以使用jQuery$.get()
有关更多详细信息,请参阅。您必须使用AJAX从Javascript网页读取数据。或者使用oldschooliframe
@b1-不要在编程中使用oldschool方法,它不像驾驶老式校车那么酷,而且会使web的进程变慢。Iframe与Ajax相比没有任何优势到目前为止您尝试了什么?上面的评论温和地指出,jqueryjavascript库的“Ajax”函数都是使用javascript的XmlHttpRequest请求文件并在JS中进行解析的方法。事实上,到目前为止你还没有找到XHR,这让我想知道你已经做了多少研究。@pjmorse-事实上,我花了几个小时试图做类似的事情,这让我有点沮丧。我发现的最接近的东西是嵌入。我想我只是不知道如何在搜索网页时正确表达它。你会注意到OP从未要求使用jQuery,甚至没有标记它。此外,OP已经标记了HTML,这与HTML无关,我只是向他提供一些信息和备选方案
$.get('test.txt', function(data) {
$('.result').html(data);
});