微信小程序网络请求wx.request请求
wx.request是向指定域名发送http请求,并且需要在微信小程序管理后台中加入指定域名(微信小程序后台中只能添加https的域名,可能是微信官方觉得这样的安全性会高一点)
wx.request请求里面主要常用属性大致有几个,url网络地址 、method请求方法(get,post)、data请求参数
POST请求和GET请求的区别 |
---|
GET在浏览器回退时是无害的,而POST会再次提交请求。 |
GET产生的URL地址可以被Bookmark,而POST不可以。 |
GET请求会被浏览器主动cache,而POST不会,除非手动设置。 |
GET请求只能进行url编码,而POST支持多种编码方式。 |
GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。 |
GET请求在URL中传送的参数是有长度限制的,而POST么有。 |
对参数的数据类型,GET只接受ASCII字符,而POST没有限制。 |
GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。 |
GET参数通过URL传递,POST放在Request body中。 |
下图是网络请求的写法
在request请求中这几个参数较为重要,url网络请求地址、method请求方法、data请求参数
而在data请求参数中有些网络请求需要验证密匙,并且也可以在请求参数中写出请求某一部分的数据
就像我请求的是某个城市的天气数据(一般在云服务网站中都会写明需要GET请求还是POST请求)
在这部分请求参数里我必须写明我的密钥(accesskey)和需要请求城市天气数据的城市代码(citycodes)
而在request请求成功后回调函数是success,而在回调成功函数中带有返回值参数,在返回值参数中带有我们此次网络请求请求下来的数据,我们需要根据请求回来的参数将参数绑定到微信小程序的界面里
在返回值里会带有返回请求成功提示,errmsg代表请求是否成功,而rcode代表网络响应代码
2**开头 (请求成功) | 表示成功处理了请求的状态代码。 |
---|---|
200 (成功) | 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 |
201 (已创建) | 请求成功并且服务器创建了新的资源。 |
202 (已接受) | 服务器已接受请求,但尚未处理。 |
203 (非授权信息) | 服务器已成功处理了请求,但返回的信息可能来自另一来源。 |
204 (无内容) | 服务器成功处理了请求,但没有返回任何内容。 |
205 (重置内容) | 服务器成功处理了请求,但没有返回任何内容。 |
206 (部分内容) | 服务器成功处理了部分 GET 请求。 |
3** 开头 (请求被重定向) | 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。 |
---|---|
300 (多种选择) | 针对请求,服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。 |
301 (永久移动) | 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。 |
302 (临时移动) | 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。 |
303 (查看其他位置) | 请求者应当对不同的位置使用单独的 GET 请求来检索响应时,服务器返回此代码。 |
304 (未修改) | 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。 |
305 (使用代理) | 请求者只能使用代理访问请求的网页。 如果服务器返回此响应,还表示请求者应使用代理。 |
307 (临时重定向) | 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。 |
4**开头 (请求错误) | 这些状态代码表示请求可能出错,妨碍了服务器的处理。 |
---|---|
400 (错误请求) | 服务器不理解请求的语法。 |
401 (未授权) | 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。 |
403 (禁止) | 服务器拒绝请求。 |
404 (未找到) | 服务器找不到请求的网页。 |
405 (方法禁用) | 禁用请求中指定的方法。 |
406 (不接受) | 无法使用请求的内容特性响应请求的网页。 |
407 | (需要代理授权) |
408 (请求超时) | 服务器等候请求时发生超时。 |
409 (冲突) | 服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。 |
410 (已删除) | 如果请求的资源已永久删除,服务器就会返回此响应。 |
411 (需要有效长度) | 服务器不接受不含有效内容长度标头字段的请求。 |
412 (未满足前提条件) | 服务器未满足请求者在请求中设置的其中一个前提条件。 |
413 (请求实体过大) | 服务器无法处理请求,因为请求实体过大,超出服务器的处理能力。 |
414 (请求的 URI 过长) | 请求的 URI(通常为网址)过长,服务器无法处理。 |
415 (不支持的媒体类型) | 请求的格式不受请求页面的支持。 |
416 (请求范围不符合要求) | 如果页面无法提供请求的范围,则服务器会返回此状态代码。 |
417 (未满足期望值) | 服务器未满足"期望"请求标头字段的要求。 |
5**开头(服务器错误) | 这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错。 |
---|---|
500 (服务器内部错误) | 服务器遇到错误,无法完成请求。 |
501 (尚未实施) | 服务器不具备完成请求的功能。 例如,服务器无法识别请求方法时可能会返回此代码。 |
502 (错误网关) | 服务器作为网关或代理,从上游服务器收到无效响应。 |
503 (服务不可用) | 服务器目前无法使用(由于超载或停机维护)。 通常,这只是暂时状态。 |
504 (网关超时) | 服务器作为网关或代理,但是没有及时从上游服务器收到请求。 |
505 (HTTP 版本不受支持) | 服务器不支持请求中所用的 HTTP 协议版本。 |
我们需要在返回成功参数内找到返回成功的数据并用this.setData方法设置至data内再绑定至页面内
在wxml页面内用双大括号将数据绑定至页面
在页面内显示