先到 官網(wǎng) 申請賬號和下載 微信開發(fā)工具。

創(chuàng)新互聯(lián)公司專注于新興網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供新興營銷型網(wǎng)站建設(shè)，新興網(wǎng)站制作、新興網(wǎng)頁設(shè)計(jì)、新興網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造新興網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供新興網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

進(jìn)入微信開發(fā)工具,index.wxml關(guān)鍵代碼入下：

  
    {{motto}}
  
  
    變更
  

index.js關(guān)鍵代碼如下：
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需改成這個(gè)x-www-form-urlencoded，否則后臺(tái)接收不到數(shù)據(jù)，原因參考：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后臺(tái)關(guān)鍵代碼：

@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", "進(jìn)入后臺(tái)了");
        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;
    }

定義了個(gè)內(nèi)容變更按鈕
調(diào)試界面如下：

單擊變更內(nèi)容后，java后臺(tái)輸出：

微信開發(fā)工具調(diào)試界面

數(shù)據(jù)交互成功：
需要注意一點(diǎn)，微信開發(fā)工具wx.request要調(diào)用本地localhost項(xiàng)目，需在微信項(xiàng)目開發(fā)工具項(xiàng)目設(shè)置里勾選不校驗(yàn)合法域名。。。選項(xiàng)

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：微信小程序與java后臺(tái)數(shù)據(jù)交互-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://weahome.cn/article/dsdssp.html