响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年小程序豆瓣接口案例(通用4篇)

小程序豆瓣接口案例 第1篇

接下来我们就将接收到的详情数据渲染输出到视距图中进行展示。具体的展示办法就是通过新增的内部状态变量 movie 对电影详情对象中的相关属性进行数据绑定来实现。

我们将接收到的电影详情对象中的 summary 属性、 wish count 属性、collect count 属性等等都通过数据绑定的方式渲染输出到对应的元素上进行显示。

对 images 元素我们也可以将它的高度、宽度做一个设置,做一个简单的样式优化。

实际上这时候我们还是进入了 success 回调函数的处理,我们依然将接收到的 data 属性的取值保存到了内部状态变量 movie 中,所以这个时候 movie 的取值被保存成了这样的一个对象,但它不是一个正常的电影详情数据的对象,在这个对象中找不到我们需要的各种字段数据。

因此在一般处理中,我们需要单独做一个判断,只将返回的正常数据保存到内部状态变量中。我们再来判断一下它是不是一个 200 OK 的 response。

这个时候我们并没有在 detail 页上来新增这么一个内部状态变量 movie,而只有当这个电影能真正找到,返回的是一个 200 OK 的 response 的时候,对应的 movie 这个内部状态变量才有可能添加。

以上就是本期关于豆瓣电影 API 调用的全部内容。

小程序豆瓣接口案例 第2篇

替换官方给的域名,是某大佬搭建的代理,相当于别人替你去做了方法一的事情,你只需要搬过来用就行了。

似乎可以了~我们来看看现在获取到了data没有

还差一步,修改请求头

再来看看吧~

获取一下杭州的热映电影的前四个是什么吧:

附上豆瓣电影的常用接口:

1.获取正在热映的电影:_theaters

访问参数:

start : 数据的开始项

count:单页条数

city:城市

2.获取电影Top250:

访问参数:

start : 数据的开始项

count:单页条数

3.获取即将上映电影:_soon

访问参数:

start : 数据的开始项

count:单页条数

4.电影搜索:

访问参数:

start : 数据的开始项

count:单页条数

q:要搜索的电影关键字

tag:要搜索的电影的标签

5.电影详情:

访问参数:电影id

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

小程序豆瓣接口案例 第3篇

在前面的逻辑中,每一次 detail 页打开,在它初始化的时候就能够从 options 参数对象中获取到本次要打开要展示的目标电影的 id,接下来就需要调用豆瓣的这个条目信息 API。将这个 id 传过来,然后由这个 API 返回 id 对应的电影详情数据。

前面我们看到过完整的 URL 是这个样子。

目标电影的 id 是直接 通过 URL 路径的一部分来直接进行传递的。所以这个地方的 data 属性我们不用定义,因为没捎带额外的数据,header 属性我们也不定义,method 参数默认用 GET 方法,因此也不指定。

那这里就指定了一个 success 的回调函数,我们先看一下它接收到的 response 对象会是什么,执行一下调用,返回的却是 403 Forbidden。

从返回的结果看,里面对应的「教父」电影的 id 值是 99 ,前面我们了解到「教父」电影的 id 值是 1291841, 替换正确的 id 后我们再调用一次。

这个时候我们得到了正确的 URL,它和我们刚才通过浏览器直接访问条目信息 API 时是一样的 URL。

小程序豆瓣接口案例 第4篇

因为请求电影列表在list和index页面都需要用到,所以我在作为一个全局的方法来写

然而,在调用接口的时候发现了这样的错误 原因是我在开发配置里,没有豆瓣api的域名添加到request合法域名里, 所以只要在配置里加上需要的即可

所以在中,调用这个全局方法如下:

我们通过“更多”按钮跳转到对应的电影列表list页面,所以需要绑定事件

在中,

bindtap就是对应是事件名字,同时我们需要设置data-type属性,属性值即是电影列表类型 在中

()就是路由跳转的api

因为电影的基础信息展示在多个页面中都有用到,我们单独提出来写个电影预览模板

模板名字设置为“movieThumb”

例如在首页中有用到该模块,那在中如下调用即可

先写到这里吧,其他代码看github上的即可,具体还是要多看文档,写个项目练练,就很容易上手啦!

猜你喜欢