先到 官网 申请账号和下载 微信开发工具。

创新互联公司专注于新兴网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供新兴营销型网站建设，新兴网站制作、新兴网页设计、新兴网站官网定制、微信小程序开发服务，打造新兴网络公司原创品牌,更为您提供新兴网站排名全网营销落地服务。

进入微信开发工具,index.wxml关键代码入下：

  
    {{motto}}
  
  
    变更
  

index.js关键代码如下：
get提交方式：

change: function () {
    var that = this;
   wx.request({
      url: 'http://localhost:8080/myTest/wxxcx/wxlogin.do',
      method: 'get',
      data: { pass: 'text', name: '测试11' },
      header: {
        'content-type': 'application/json'
      },
      success: function (res) {
        that.setData({
          motto: res.data[0].name
        });
      },
      fail: function (err) {
        console.log("sssssssssssss" + err.data);
      }
    })
  },

post提交方式：

change: function(){
    var that = this;
   wx.request({
      url: 'http://localhost:8080/myTest/wxxcx/wxlogin.do',
      method:'post',
      data:{pass:'text',name:'测试11'},
      header: {
        'content-type': 'application/x-www-form-urlencoded' //post提交方式这里json需改成这个x-www-form-urlencoded，否则后台接收不到数据，原因参考：http://blog.csdn.net/mhmyqn/article/details/25561535/
      },
      success: function(res){
        that.setData({
          motto: res.data[0].name
        });
      },
      fail:function(err){
       console.log("sssssssssssss"+err.data);
      }
    })
  }

java后台关键代码：

@RequestMapping(value = "wxlogin.do")
    public String wxlogin(String name,HttpSession session, HttpServletRequest req, HttpServletResponse resp, Model model) {
        resp.setContentType("text/json");
        resp.setCharacterEncoding("utf-8");
        String pass = (String) req.getParameter("pass");
        log.info("pass==" + pass + ",name=" + name);
        PrintWriter pw = null;
        Map map = new HashMap();
        map.put("pass", pass);
        map.put("status", "进入后台了");
        map.put("name", name);
        JSONArray json = JSONArray.fromObject(map);
        try {
            pw = resp.getWriter();
            pw.print(json);
        } catch (IOException e) {
            log.info(e);
            log.error(e);
            e.printStackTrace();
        } finally {
            if (pw != null)
                pw.close();
        }
        return null;
    }

定义了个内容变更按钮
调试界面如下：

单击变更内容后，java后台输出：

微信开发工具调试界面

数据交互成功：
需要注意一点，微信开发工具wx.request要调用本地localhost项目，需在微信项目开发工具项目设置里勾选不校验合法域名。。。选项

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页标题：微信小程序与java后台数据交互-创新互联
本文地址：http://ybzwz.com/article/dsdssp.html