# 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("登錄不成功，用戶名或者密碼錯誤"); } }) } ```