# jQuery中的post请求 ***** <br> **需要引入JQuery包** ``` <script src="../js/jquery-3.4.1.js"></script> <form> 用户名：<input type="text" name="username" id="username"><br><br> 密&emsp;码：<input type="password" name="password" id="password"><br><br> <input type="button" value="登录" id="btn"> </form> <div id="bb"></div> <script> $("#btn").click(function () { $.ajax({ url:"/login_post",//路径 type:"POST",//请求方式 data:{//向服务器传送的数据 //获取用户输入的信息 username:$("#username").val(), password:$("#password").val() }, success:function (res) {//服务器响应成功函数 //将服务器响应的数据渲染到浏览器上 $("#bb").html(res) } }) }) </script> ``` ***** **服务端代码** ```script else if(requestUrl==="/jquery_post.html"){ responseEnd(response, "html", "jquery_post.html") } else if(requestUrl==="/js/jquery-3.4.1.js"){ responseEnd(response, "js", "jquery-3.4.1.js") } else if(requestUrl==="/login_post"){ request.on('data',(postData)=>{ //获取传过来的用户填写的用户名和密码 console.log(postData.toString()); let pDataArr = postData.toString().split("&"); let username = pDataArr[0].split("=")[1]; let password = pDataArr[1].split("=")[1]; response.setHeader("Content-type","text/html;charset=utf-8"); //校验用户名和密码是否正确， 最终响应登录成功，登陆失败 if(username===uname && password===upwd){ response.end("登录成功"); }else{ response.end("登录不成功，用户名或者密码错误"); } }) } ```