欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

客户端发送请求的方式以及服务端接收请求

程序员文章站 2022-04-15 18:37:57
...

客户端用git方式发送请求

 fetch("http://localhost:9000").then(data => {//发送请求

            return data.json();//接收过来的数据对象

        }).then(res => {console.log(res)})//接收过来的数据

服务端接收git请求

http.createServer((require, resporson) => {
    resporson.writeHead(200, {
        'Content-Type': 'text/html;charset=utf-8',//发送数据编码格式
        "Access-Control-Allow-Origin": "*"//解决本地跨域问题
    });
   
res.end("{"name":"张三"}")//响应数据

}).listen(9000, (err) => {
    if (!err) {
        console.log("服务器启动成功");

    }
})

客户端用post方式发送请求



   
    <script>
       
        
        let url = "http://127.0.0.1:9000"//要请求的地址
       
            fetch(url, {
                method: "POST",//请求的方式
                body: `username=${nameVal}&pwd=${pwdVal}&tel=${PhoneVal}`//要请求的数据
            }).then(data => {
                
                
                
              return data.text();//请求过来的数据对象
            }).then(res => {
                console.log(res)//请求过来的数据

            )

        }
    </script>

服务端接收响应请求

http.createServer((req, res) => {
    res.writeHead(200, {
        'Content-Type': 'text/html;charset=utf-8',
        "Access-Control-Allow-Origin": "*"
    });
    let str = ""
    req.on("data", (strs) => {

        str += strs //拼接buffs数据,保证完整
    })
    req.on("end", () => {
       
        
                res.end(str);
               
            

    })



    
}).listen(9000, (err) => {
    if (!err) {
        console.log("启动成功");

    } else {
        console.log(err);

    }
})

 

相关标签: fetch