微信小程序与java后台数据交互-创新互联
先到 官网 申请账号和下载 微信开发工具。
创新互联公司专注于新兴网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供新兴营销型网站建设,新兴网站制作、新兴网页设计、新兴网站官网定制、微信小程序开发服务,打造新兴网络公司原创品牌,更为您提供新兴网站排名全网营销落地服务。进入微信开发工具,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://myzitong.com/article/dsdssp.html