node.js 初识ajax

node.js https.js 代码如下

var http = require('http');
var url = require('url');
var fs = require('fs');
var server = http.createServer();
server.listen(8000,function(){
    console.log('启动成功');
})

server.on('request',function(req,res){
    var urls = url.parse(req.url,true);
    if(urls.pathname == '/test'){
        res.setHeader('content-type','text/html;charset=utf-8');
        res.end('返回值');
    }else{
        fs.readFile('.'+urls.pathname,'utf8',function(err,data){
            if(!err){
                res.end(data);
            }
        })
    }
})

 

html页面如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo</title>
</head>
<body>
    <input type="text" name="name">
    <input type="submit" value="Send" id="btn">
</body>
<script>
    //获取DOM对象
    var btn = document.getElementById('btn');
    //绑定点击事件
    btn.onclick = function(){
        //获取ajax对象
        var xhr = new XMLHttpRequest();
        //监听状态变化
        xhr.onreadystatechange = function(){
            //判断状态值
            if(xhr.readyState == 4){
                //获取服务器返回信息
                alert(xhr.responseText);
            }
        }
        //打开链接
        xhr.open('get','/test',false);//默认是异步，设置false是同步
        //发送连接
        xhr.send();

        alert('异步这里先打印');
    }
</script>
</html>

 

 

posted @ 2021-03-11 14:12  华北业余选手  阅读(54)  评论(0)    收藏  举报