-
jQuery ajax-load方法
-
通过ajax向服务器请求加载数据的方法
-
$("div").load("2.html #abc");------通过load方法加载文件名为“2.html”文件中id为abc的数据，返回到div中。
var http=require("http");
var fs=require("fs");
var path=require("path");
var server=http.createServer(process);
server.listen(8080);
function process(req,res){
var url=req.url;
if(url=="/"||url=="./1.html"){
var file="1.html";
getFile(file,res);
}else if(url.indexOf(".json")>=0){
var list=[9,8,7,6,5,4,3,2,1,0];
var object={"list":list};
res.writeHead(200,{"Content-type":"application/json"});
res.end(JSON.stringify(object));
}else if(path.extname(url)==".html"){
var fileName=url.substring(1);
getFile(fileName,res);
}else{
res.end("error_____________");
}
}
function getFile(file,res){
var rs=fs.createReadStream(file);
rs.pipe(res);
rs.on("error",function(){
res.end("error");
});
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li id="abc">001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
<li>006</li>
<li>007</li>
<li>008</li>
<li>009</li>
<li>010</li>
<li>011</li>
<li id="aaa">012</li>
<li>013</li>
<li>014</li>
<li>015</li>
<li>016</li>
<li>017</li>
<li>018</li>
<li>019</li>
<li>020</li>
</ul>
</body>
</html>
- 最终输出内容为：div 中含有001的li标签。
网友评论