小程序模板网

微信小程序JSON数据提取问题

发布时间:2018-02-06 14:54 所属栏目:小程序开发教程

最近老师留了一个作业,写一个天气查询的小程序,中间遇到了一些问题,json数据取不出来。 
json数据格式如下

 

				
  1. "data": {
  2. "yesterday": {
  3. "date": "13日星期二",
  4. "high": "高温 27℃",
  5. "fx": "东风",
  6. "low": "低温 20℃",
  7. "fl": "4-5级",
  8. "type": "多云"
  9. },
  10. "city": "南京",
  11. "aqi": "48",
  12. "forecast": [
  13. {
  14. "date": "14日星期三",
  15. "high": "高温 27℃",
  16. "fengli": "3-4级",
  17. "low": "低温 19℃",
  18. "fengxiang": "东风",
  19. "type": "多云"
  20. },
  21. {
  22. "date": "15日星期四",
  23. "high": "高温 28℃",
  24. "fengli": "3-4级",
  25. "low": "低温 18℃",
  26. "fengxiang": "东风",
  27. "type": "晴"
  28. },
  29. {
  30. "date": "16日星期五",
  31. "high": "高温 29℃",
  32. "fengli": "微风级",
  33. "low": "低温 19℃",
  34. "fengxiang": "东南风",
  35. "type": "多云"
  36. },
  37. {
  38. "date": "17日星期六",
  39. "high": "高温 29℃",
  40. "fengli": "微风级",
  41. "low": "低温 20℃",
  42. "fengxiang": "东南风",
  43. "type": "多云"
  44. },
  45. {
  46. "date": "18日星期天",
  47. "high": "高温 30℃",
  48. "fengli": "微风级",
  49. "low": "低温 20℃",
  50. "fengxiang": "东南风",
  51. "type": "多云"
  52. }
  53. ],
  54. "ganmao": "各项气象条件适宜,无明显降温过程,发生感冒机率较低。",
  55. "wendu": "22"

微信小程序请求访问链接是应该这样写

 

				
  1. var that = this
  2. wx.request({
  3. url: 'https://www.njbrick.com/ocrserver/getweather?city='+this.data.city1,
  4. headers: {
  5. 'Content-Type': 'application/json'
  6. },
  7. success: function (res) {
  8. that.setData({
  9. weather: res.data.data,//第一个data为固定用法,第二个data是json中的data
  10.  
  11. })
  12. }
  13. })


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/21609.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询