【post请求】

最新推荐文章于 2023-11-20 08:12:16 发布

夜星639

最新推荐文章于 2023-11-20 08:12:16 发布

阅读量374

点赞数

文章标签： node

本文链接：https://blog.csdn.net/qq_65923595/article/details/123204746

版权

<!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>Document</title>
    <style>
        div {
            width: 200px;
            height: 100px;
            background-color: blueviolet;
        }
    </style>
</head>

<body>
    <button>点击发送post请求</button>
    <div></div>
    <script>
        var btn = document.getElementsByTagName("button")[0];
        var div = document.getElementsByTagName("div")[0];
        btn.onclick = function(){
            var xhr = new XMLHttpRequest();
            xhr.open("post","http://127.0.0.1:3000/server")
            xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded")
            xhr.setRequestHeader("name","admin")
            xhr.send('name=xxx&age=19')
            xhr.onreadystatechange = function(){
                if(xhr.readyState === 4){
                    if(xhr.status >= 200 && xhr.status < 300){
                        div.innerHTML = xhr.response
                    }
                     
                    
                }
            }
        }
    </script>
</body>

</html>





var express = require("express");
var app = express();
var bodyParser = require('body-parser')
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())
app.get("/",function(request,response){
    response.send("hello ajax")
})

})
app.all("/server",function(request,response){
    response.setHeader("Access-Control-Allow-Origin","*")
    response.setHeader("Access-Control-Allow-Headers","*");
    response.send("hello post")
})

点击之前