Ajax

//jQuery
        $(function () {
            $("button").click(function () {
                //   console.log(1);
                $.ajax({
                    url: "http://127.0.0.1:3000/",
                    method: "GET",
                    success(data) {
                        console.log(data);
                    },
                    error(e) {
                        console.log(e.statusText);
                    }
                })
            })
        })
//JavaScript
        let btn = document.querySelector("button");
        btn.onclick = function () {
            //1.创建一个异步对象
            var xmlhttp = new XMLHttpRequest();
            //2.设置请求方式和请求地址
            /*
            2.1.method:请求类型:get或post
            2.2.URL:文件在服务器的地址
            2.3.async:true(异步)或false(同步)
            */
            xmlhttp.open("GET", "http://127.0.0.1:3000/", true);
            //3.发送请求
            xmlhttp.send();
            //4.监听状态变化
            xmlhttp.onreadystatechange = function () {
                // 0: 请求未初始化
                // 1: 服务器连接已建立
                // 2: 请求已接收
                // 3: 请求处理中
                // 4: 请求已完成,且响应已就绪
                console.log(xmlhttp.readyState);
                if (xmlhttp.readyState == 4) {
                    if (xmlhttp.status >= 200 && xmlhttp.status < 300 || xmlhttp.status === 304) {
                        //5.返回处理结果
                        //  console.log("succes");   
                        //获取ajax返回的值  responeseText
                        console.log("success");
                        console.log(xmlhttp.responseText);
                    }
                    else {
                        console.log("error");
                    }
                }

            }

        }

node.js

//1.加载http核心模块
var http = require('http');

//2.使用http.creatServer()方法创建一个web服务器
//返回一个Server实例
var server = http.createServer();

//3.注册request请求事件
//当客户端请求过来,就会自动触发服务器的request请求事件,然后执行
server.on('request', function (rquest, response) {
    // 解决跨域问题
    response.setHeader("Access-Control-Allow-Origin", "*");
    
    console.log("收到客户端请求");

    response.end("data");
})

//4.绑定端口号,启动服务器
server.listen(3000, function () {
    console.log("服务器启动成功,可以通过http://127.0.0.1:3000/进行访问");
})

posted @ 2021-10-26 19:59  yongerbingxuan  阅读(24)  评论(0)    收藏  举报