首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一起学小程序-入门

继微信开发之后,微信小程序的开发目前也是成为众多开发者的新宠,小游戏开发的相继推出,又加上微信对小程序和小游戏开发的扶持和鼓励,基于微信生态的开发正不断吸引着开发者涌进微信的大门。

在微信开放平台刚推出的时候接触过微信公众号的开发工作,当时由于不少的原因,并没有真正的开发出一个成品,这次小程序开发的推出,也是跟着学习了一把,加上tx云的支持,小程序的开发变得简单不少,开发者只需专注开发就行。今天开始将会更新小程序开发的一个系列文章。我自己喜欢用PPT和思维导图,所以在文章中也会把总结的东西用思维导图的形式展示出来,也会把完整版的思维导图分享给大家。

个人觉得基于RESTfulAPI格式的http请求可以帮助我们快速的开发,因为先在的网络平台会有海量的接口提供给大家使用,其中有很多免费的接口,让我们做来学习和快速实现功能是再好不过了。这里就不一一列举了,读者可根据自己喜好去网上搜索相关API。

下面咱们一起进入小程序的世界吧!上面也说了http的接口开发可以帮助我们快速实现功能,那我们就从小程序的请求开始说起。

它的请求格式为wx.request(OBJECT),在代码中这个请求可以用对象去接收返回值,也可以不写返回值,可根据需要去决定。

首先看一个完整版得的wx.request的代码片段

这是啥代码!!!

刚才取出了N年前的代码,现在小编写的代码都是这样的

下面进入重点!

从上面的代码片段,可以对wx.request有一个比较直观的印象。它和ajax的请求格式如出一辙。相信使用过ajax的小伙伴肯定很熟悉,其实这就和开发语言之间类似,不同的开发语言可能只是语法和格式不同,实现的功能和核心思想都会有很多雷同的地方。这更印证了一句话,编程最重要的是思想。

接下里就让我们分别了解下方法中的每个参数的用途和说明。

OBJECT对象封装了请求的数据和参数,其中url是请求的路径,这个路径可以是我们自己提供,也可以是调用第三方的接口,但有一点很重要,小程序只支持https的接口,网上很多的http协议的接口,这里如果想使用的话只能通过自己构建一个HTTPS的应用做一个中转才可以使用这些接口

请求参数data用来传递参数,当然你也可以把参数写在url中,但这仅限于用GET方式的请求,当使用POST请求时必须得使用data进行传递参数。

header用来写入请求头部信息,一般会存入一些整个HTTPS请求的信息,这里的内容如有兴趣可参看HTTP协议部分。在我们普通的应用程序中可以在头部设置Referer属性,用来标识请求来自哪里,但这个属性在小程序中则不可使用。

Method为请求所使用的方法,常用的有POST、GET,它这里完全是http协议的格式,有这些方式OPTIONS,GET,HEAD,POST,PUT,DELETE,TRACE,CONNECT。

datatype 这里的datatype是字符串类型的,一般默认为json格式,如果采用json格式的字符串,小程序后台会尝试对返回的数据做一次JSON.parse,如果不想被微信自动解析可将dataType改为json以外的格式,然后再对返回的数据处理即可。

responseType用来设置响应的数据类型,它的默认值为text,这个字段也可以不进行设置,由于小程序对代码大小有限制,所以能节省的可以尽量节省。

success是请求返回成功的回调函数,data是返回的数据类型,statusCode返回的状态码,header是开发者服务器返回的 HTTP 头部信息,fail是接口调用失败的回调函数可以对错误信息进行相应的处理,complete函数是整个request结束比调的函数,类似于Java中的try/catch/finally中的finally,可以用来最后做统一处理。

最后呢就是wx.request返回一个 requestTask 对象,可以通过requestTask.abort()中断请求任务。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180511G1GNWN00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券