前後臺分離，nodeJS轉發請求實現跨域訪問
阿新 • • 發佈：2019-02-18
在瀏覽器輸入 localhost:8080/node/login.html訪問<strong><script language="javascript" type="text/javascript"> function login(){ var code=escape($("#username").val()); var co = hex_md5($("#pwd").val()); if($("#username").val()==''){ alert('使用者名稱格式不正確!'); return; } if($("#pwd").val()==''){ alert('密碼不能為空!'); return; } $.ajax({ url : "http://localhost:8080/terminal/DataServlet", //將會轉發此請求到10.10.21.65:8080/terminal/DataServlet type : "POST", dataType : "json", data : {//post請求引數 func_id:20000, pagesize:24, pageindex:0, username:$("#username").val(), pwd:$("#pwd").val(), co:co }, success : function(data) { //console.log(data); alert("===success==="); if(data.success=="1"){ logindo(); }else{ if(data.err_code=="1"){ alert("登入嘗試次數過多，請您"+data.locked_mins+"分鐘後重新登入"); }else{ alert("登入失敗,請重新登陸!"); } } }, error : function() { alert("====error===="); } }); } function logindo(){ window.location = 'page.html'; } </script> </head> <body> <!-- Top content --> <div class="top-content"> <div class="inner-bg"> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 text"> <h1 style="font-family:'微軟雅黑';"><strong><img src="images/zhongduan_logo.png" style="width:60px;"/>行為檢測分析系統</strong></h1> <div class="description"> </div> </div> </div> <div class="row"> <div class="col-sm-6 col-sm-offset-3 form-box"> <div class="form-top"> <div class="form-top-left"> <h3>登入進入系統</h3> <p>請輸入使用者名稱和密碼進行登入：</p> </div> <div class="form-top-right"> <i class="fa fa-lock"></i> </div> </div> <div class="form-bottom"> <table> <div class="form-group"> <label class="sr-only">使用者名稱</label> <input id="username" type="text" name="username" placeholder="使用者名稱..." class="form-username form-control"> </div> <div class="form-group"> <label class="sr-only" for="form-password">密 碼</label> <input id="pwd" type="password" name="form-password" placeholder="密碼..." class="form-password form-control" onKeyPress="if (event.keyCode == 13) login();"> </div> <button class="btn" style="background-color:rgb(255, 185, 0);" onClick="login();">登 錄</button> </table> </div> </div> </div> </div> </div> </div> </body> </html> </strong>