ajax怎么跟java后台通信_「小程序JAVA实战」小程序和后台api通信(28)

9abe463917b543476094fcee67c0c444.png
开发最重要的就是实操!

小程序和后台api通信

  • 小程序不能直接访问后台接口必须通过请求的方式
  • 通过内网穿透实现暴露到公网
  • ngrok http://ngrok.com

如何使用内网穿透

  • 登录ngrok网站
    >https://ngrok.com

d1258b9bda8cc1e242d204044c911172.png
  • 介绍
    >用户直接穿透防火墙,到云端做到互相的访问。

d67c866b126218d42473ae2c2cac915a.png
  • 如何使用
    >注册

cdcea52157c9efa8b6133df7c5bb0aa9.png

d0155df1e0ce11d75aac57daa4c900bc.png

3a7c7b224b62376d7faec81513f3a3f0.png
下载ngrok

c81ece8b4d7664d9f01a18880a25906c.png

7a7ab8c72d2665c7ae56b7eb3750a339.png

a7396460530c9eda91d0f19b1c9ef0ac.png

09c0c24fb33c691f1186f73fcb30dc19.png
当前文件夹cmd执行命令

9062198b970d9fa9214b557d896cfa7d.png

96c7bdf73ca38e6084ca50359dd0a98e.png
启动命令,显示online,说明内网穿透成功。
#ngrok http 指定端口
ngrok http 8080

662fd24172b40216f325251c9612ecb1.png

request

https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html

b97c120cf2a4d41374efef1f733ce59c.png
wx.request({
  url: 'test.php', //仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }
})
标准的ajax请求,跟咱们之前的jquery基本是一样的,我就不详细说了,就是获取参数的传递。但是小程序内部也封装了很多东西,后面一起实战的时候一起来说。

PS:下一章节开始实战学习,从数据库的表开始设计。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值