这一章使用Node的http模块加载网络资源。
加载http模块:
var http = require('http');
使用get方法加载url:
http.get('http://www.baidu.com',function(res){});
更多的使用方法请参考Node官方文档。
添加data事件读取数据并设置编码:
res.setEncoding('utf8');
res.on('data',function(chunk){
text.textContent += chunk;
});
完整代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>loadfile</title>
</head>
<body>
<p>加载网络资源:</p>
<button id="load">load</button>
<textarea id="text" style="width: 100%;height: 500px;background: #d9e8f0">
</textarea>
</body>
<script>
var fs = require('fs');
var http = require('http');
var text = document.getElementById('text');
var load = document.getElementById('load');
load.addEventListener('click',function(){
loadSomeData();
});
function loadSomeData(){
http.get('http://www.baidu.com',function(res){
res.setEncoding('utf8');
res.on('data',function(chunk){
text.textContent += chunk;
});
});
}
</script>
</html>