1. 程式人生 > >微信小程式與Java的Servlet通訊小示例

微信小程式與Java的Servlet通訊小示例

微信小程式開發端

<!--index.wxml-->
<view class="container">
  <button bindtap='bindtest'>test</button>
</view>
----------------------------------------------------------------------------
//index.js
//獲取應用例項
const app = getApp()
Page({
  bindtest: function () {
    wx.request({
      url: 'http://localhost:8080/ZYJ_WXTest/WXServlet'
, data: { username: '張育嘉', password: '123' }, method: 'POST', header: { //'content-type': 'application/json' // 預設值 'Content-Type': 'application/x-www-form-urlencoded' }, success: function (res) { console.log(res.data); }, fail: function
(res)
{ console.log(".....fail....."); } }) } })

請求資訊
這裡寫圖片描述

Java端的Servlet

@WebServlet("/WXServlet")
public class WXServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //設定請求編碼
request.setCharacterEncoding("utf-8"); response.setContentType("text/html;charset=utf-8"); /* 設定響應頭允許ajax跨域訪問 */ response.setHeader("Access-Control-Allow-Origin", "*"); /* 星號表示所有的異域請求都可以接受, */ response.setHeader("Access-Control-Allow-Methods", "GET,POST"); User user = new User(); //獲取微信小程式get的引數值並列印 user.setUsername(request.getParameter("username")); user.setPassword(request.getParameter("password")); System.out.println("username="+user.getUsername()+" ,password="+user.getPassword()); //轉成json資料 Map<String, Object> result = new HashMap<String, Object>(); result.put("data", user); result.put("msg", "後臺已收到"); //使用Gson類需要匯入gson-2.8.0.jar String json = new Gson().toJson(result); //返回值給微信小程式 Writer out = response.getWriter(); out.write(json); out.flush(); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }

注意:使用Gson類需要匯入gson-2.8.0.jar

相關推薦

程式Java後臺的通訊

一、寫在前面最近接觸了小程式的開發,後端選擇Java,因為小程式的程式碼執行在騰訊的伺服器上,而我們自己編寫的Java程式碼執行在我們自己部署的伺服器上,所以一開始不是很明白小程式如何與後臺進行通訊的,然後查詢資料發現結合了官方提供的api後好像和我們普通的web前後端通訊也沒有多大的區別,有想法後就寫了這個

程式3——程式服務端通訊

我們在微信小程式的專案中,勾起 開發環境不檢驗請求域名、TLS以及HTTPS證書就可以使用http請求了。 我們在“我的資訊”這一慘選單欄加一個按鈕,點選的事件就是傳送一個request請求到服務端,然後取回返回的資料列印在控制檯中。 其中myinfo.js程式碼如

程式Java的Servlet通訊示例

微信小程式開發端 <!--index.wxml--> <view class="container"> <button bindtap='bindtest'>test</button> </view

支付總結--程式H5頁面支付

專案開發過程中,涉及到了微信支付功能,這裡做一個詳細的記錄。 小程式和H5的後端程式碼是通用的,前端呼叫不同的程式碼實現,這裡不是重點,會簡單的給出相關的程式碼。 微信支付,官方給了開發文件,但是其中還是有一部分需要自己去摸索一下,剛開始接觸走一點彎路踩一點坑也比較正常。 當然微信支付這

淺談支付寶程式程式開發的區別

淺談支付寶小程式與微信小程式開發的區別 一、app.json (1)設定小程式通用的的狀態列、導航條、標題、視窗背景色 支付寶小程式 "window": { "defaultTitle": "病案到家", //頁面標題 "titleBarColor": "#1

程式傳統APP大比拼

2016年1月11日,微信之父張小龍公開表態,未來兩年,80%的APP市場將被小程式取代。市場競爭日益劇增,一場移動網際網路的“革命”正在拉開序幕。過去人們買手機都會考慮一個重要問題,那就是記憶體,總會選擇買大記憶體的手機,因為手機裡總會裝著各種不同型別的APP軟體。隨著微信小程式的崛起,APP受到了不小的衝

程式HTML5的標籤差異梳理

小程式自己開發了一套WXML標記語言和WXSS樣式語言,並非直接使用標準的HTML5+CSS3。因此,粗略的統計了一下之間的差異,有助於理解小程式,同時遇到HTML5轉換小程式的時候,知道如何避開其中的坑。  小程式標籤大約為32個左右: view(檢視容器)、rich-te

程式 Django伺服器 資料流傳遞

Django伺服器 解析小程式傳送的json二進位制字串 https://blog.csdn.net/qq_25068917/article/details/81041048 http://www.cnblogs.com/Liang-jc/p/9326680.html

程式遠端控制8266io口 遠端開關 程式 8266 mqtt通訊

下載韌體 連結:https://pan.baidu.com/s/12mwTpnmylMfyNyoVkTliRA  提取碼:m5ps    連線串列埠除錯(可以省略不用) 註冊賬號和獲取裝置賬號 微信掃描 註冊賬號 如果郵箱沒有收到驗證碼 就到垃

程式(一):程式伺服器的簡單鏈接

生活無趣且不易,一起找點樂子吧。歡迎評論,和文章無關的東西也沒關係。 最近在寫小程式,有些問題,搜尋不到太有價值的東西(可能是我對關鍵字的理解不好),這裡總結下我遇到各種問題,可能看來會比較可笑,但對新手來說也許會有些幫助,我會盡量去注重具體的實現。  這篇文章來

程式(2)-程式資訊完善以及開發前準備,程式碼稽核釋出

1.完成註冊後,在微信公眾平臺官網首頁(mp.weixin.qq.com)的登入藉口直接登入 2.完善小程式資訊(完成註冊後,微信小程式資訊完善步驟和開發可同步進行) *選擇對公打款的使用者,完成匯款後,可以補充小程式名稱資訊,上傳小程式影象,填寫小程式介紹並且確定小程式服

程式H5相互跳轉和傳遞資料

這是小程式和web-vew的H5相互傳參,H5使用小程式的微信支付的程式碼 H5部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <!--<meta

程式公眾號同一使用者登入問題

最近在做微信小程式與微信公眾號登入合併的介面。整理相關資料以及個人認識的心得寫了這篇文章與大家一起分享。首先,簡單說下我遇到的問題是我們的程式呼叫微信小程式得到openid,然後通過openID得到使用者的唯一標識,使用者得以登入,然而,當我們呼叫微信公眾號也同樣的到open

程式程式後臺的互動

js onLoad: function (options) { var that = this; var list = that.data.list; var currentPage = that.data.currentPage; wx.sh

程式實驗一、程式伺服器端入門視訊講解(以Wafer Quick Start為例)

 (>>>>在公眾號中輸入彩蛋號,即可獲取測試原始碼與視訊講解的下載地址) 一、實驗目的  以Wafer Quick Start為例,掌握微信小程式的入門,特別是伺服器端與小程式端之間的互動,實現登入、請求登入狀態、上傳圖片、建立通道與CGI的功能。

程式藍芽通訊中的路由bug

作為一名微信小程式初學者,在工作中總是遇到各種坑,把這些易犯的錯誤整理到CSDN上是一個兩全其美的選擇。今天我就說說在藍芽通訊中路由不能調轉的問題。首先看程式碼: lanya9: function (e) { var that = this; // wx.s

程式php 實現支付

小程式訪問地址: payfee.php: include 'WeixinPay.php'; $appid=''; $openid= $_GET['id']; $mch_id=''; $key=''; $out_trade_no = $mch_id. time(); $t

詳解程式HTML5的差異

微信小程式的頁面粗略看與HTML類似,也是基於標記語言和樣式渲染,而且多數css樣式可以使用。實際上從檢視層的角度來說,小程式與傳統HTML5還是有明顯的區別。 開發工具不同 區別於H5的開發工具+瀏覽器Device Mode預覽的模式,小程式的開發基於

程式vue的區別,知乎回答!!!

明顯不是嘛,資料屬性更新是這樣的 小程式: Page({ data: { items: [] }, onLoad: function(options) { this.setData({ items: [1,2,3] }) } }) Vue:

簡單的程式Java後臺的連線

最近接觸了小程式的開發,後端選擇Java,因為小程式的程式碼執行在騰訊的伺服器上,而我們自己編寫的Java程式碼執行在我們自己部署的伺服器上,所以一開始不是很明白小程式如何與後臺進行通訊的,然後查詢資料發現結合了官方提供的api後好像和我們普通的web前後端通訊也沒有多大的區