前几天第一次写小程序的登录界面,写到最后才发现如何获取服务器端的数据进行登录判断呢?百度了很久,网上说法太杂 ,云里雾里,连php都扯进来了, 好家伙 ,最后我想起来老师说的一句话,于是想写一下分享一下。
其实很简单就是用json进行数据交互:
这是后端服务器servlet代码
public class RegisterServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public RegisterServlet() {
super();
// TODO Auto-generated constructor stub
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
PrintWriter out=response.getWriter();
String username=request.getParameter("username");
String password=request.getParameter("password");
RegisterService res=new RegisterServicempl();
System.out.println(username+"--"+password);
User user=new User();
user.setUsername(username);
user.setPassword(password);
int re=res.register(user);
System.out.println("re"+res);
if(re>0)
{
out.print("{\"code\":\"200\",\"msg\":\"success\"}");//**就是判断这个code值**
System.out.println("Servlet注册成功");
}
else {
out.print("{\"code\":\"201\",\"msg\":\"false122\"}");//
System.out.println("Servlet注册失败");
}
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
这是前端小程序的代码:主要就是第18行的 var re=res.data.code
submit2:function(e){
var username=e.detail.value.username;
var password=e.detail.value.password;
console.log(username);
console.log(password);
wx.request({
url: 'http://localhost:8080/weixin02/LoginServlet',
data:{
username:username,
password:password,
},
header:{
"content-type":" application/json"
},
success:function(res){
console.log(res)
console.log(res.data.code)
var re=res.data.code
if(re==200){
wx.navigateTo({
url: 'index',
})
console.log("登录成功")
}
else{
wx.navigateTo({
url: 'login',
})
console.log("登录失败")
}
}
})
这是登录界面献丑了又想要所有源码的留言给我