实现小程序与SSM后台数据交互
项目源码
1.controller
@RequestMapping(value = "/queryShop",produces = "text/html;charset=utf-8")
@ResponseBody
public String shopList(HttpServletResponse response){
//查询书籍
response.setContentType("text/html;charset=utf-8");
/* 设置响应头允许ajax跨域访问 */
response.setHeader("Access-Control-Allow-Origin", "*");
/* 星号表示所有的异域请求都可以接受, */
response.setHeader("Access-Control-Allow-Methods", "GET,POST");
//查询商品
List<shopList> lists=shopListService.queryShopList();
return JSONObject.toJSONString(lists);
}
注意:@RequestMapping(value = "/queryShop",produces = "text/html;charset=utf-8")中的produces = "text/html;charset=utf-8可以防止Json数据乱码
2.小程序js
getshopList(){
wx.request({
url: 'http://localhost:8080/shop/queryShop',
method:'GET',
header: {
'content-type': 'application/json' // 默认值
},
success:function(res){
console.log(res.data);
},
fail:function(res){
console.log(".....fail.....");
}
})
},
注意:如果页面要向后台传值,则可以在header的下面加入data:{
这里面是需要传递的值。使用键值对的形式传值 eg:username:username
}