html jquery post,jQuery中的post请求

  • Post author:
  • Post category:其他


# jQuery中的post请求

*****

**需要引入JQuery包**

“`

用户名:

密 码:

$(“#btn”).click(function () {

$.ajax({

url:”/login_post”,//路径

type:”POST”,//请求方式

data:{//向服务器传送的数据

//获取用户输入的信息

username:$(“#username”).val(),

password:$(“#password”).val()

},

success:function (res) {//服务器响应成功函数

//将服务器响应的数据渲染到浏览器上

$(“#bb”).html(res)

}

})

})

“`

*****

**服务端代码**

“`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(“登录不成功,用户名或者密码错误”);

}

})

}

“`