微信小程序如何获取服务器端数据?

前几天第一次写小程序的登录界面,写到最后才发现如何获取服务器端的数据进行登录判断呢?百度了很久,网上说法太杂 ,云里雾里,连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("登录失败")
            }
          }
        })

这是登录界面献丑了又想要所有源码的留言给我
在这里插入图片描述

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值