JQuery,JS 读取远程服务器的txt文件内容

JavaScript014

JQuery,JS 读取远程服务器的txt文件内容,第1张

注意几点:

1 一个是端口号,注意你自己设置的是哪个端口号

2 第二个是要保证txt格式中的文件是json格式 ,不然会没有返回值。

3 不要在本地直接打开 ,放在本地服务器上,apache之类的

示例数据

在 NextJS 项目下添加文件 ./data/user.json ,示例内容如下

示例读取文件数据

添加页面 ./pages/user.tsx ,示例内容如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>无标题页</title>

</head>

<body>

<div id="DynamicContent_id">

.显示在这里

</div>

<script type="text/jscript">

function loadFragmentInToElement(fragment_url, element_id)

{

var element = document.getElementById(element_id)

var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")

xmlhttp.open("POST", fragment_url)

xmlhttp.onreadystatechange = function()

{

if(xmlhttp.readyState == 4 &&xmlhttp.status == 200)

{

var txtconent = xmlhttp.responseText

element.innerHTML = txtconent

}

}

xmlhttp.send(null)

}

loadFragmentInToElement("http://baike.baidu.com/view/25390.htm?fr=ala0_1", "DynamicContent_id" )

</script>

<!--

unescape()

escape()

-->

</body>

</html>