老师问个问题

像做详情页，我怎么样才能知道在哪里获取相应的接口，而且我不知道这么长的接口怎么正确的写JSONP来调用它

1、像这个接口这么长

https://unszacs.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/?api=mtop.taobao.detail.getdetail&ttid=2017%40taobao_h5_6.6.0&data=%7B%22itemNumId%22%3A%22555567044840%22%7D&appKey=12574478&dataType=jsonp&type=jsonp&v=6.0&callback=__jp1

而它的url是https://unszacs.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/

我不知道怎么样才知道它的url

2.还有它的params参数，参数都是不一样的，不知道参数应该怎么去写

宗桦 2019-10-03

源自：实战：Vue 完成分类、搜索页 3-3 项目作业

收起

4回答

卡布琦诺回答被采纳获得+3积分 2019-10-07 10:32:18

1、数据接口是有后端开发工程师写好了，整理成接口文档给到前端开发人员，在接口文档中会详细标明接口地址、参数等

2、关于ttid=2017%40taobao_h5_6.6.0写成ttid:'2017@taobao_h5_6.6.0'是因为接口的urlencode编码导致的，简单理解就是接口中的@会被编码成%40

3、关于加冒号的问题建议同学再详细描述一下具体指的是哪个位置的冒号哦

希望可以帮到你！

收起回答

宗桦提问者 #1

想知道data=%7B%22itemNumId%22%3A%22555567044840%22%7D为什么直接写成data: `{"itemNumId"%3A"${id}"}` 很多个百分比都省略了没写

2019-10-07 11:41:58
卡布琦诺回复提问者宗桦 #2

其实这个跟老师上面说的接口编码一个道理，另外，上面的接口解码是可以用的哦

2019-10-07 11:44:57
宗桦提问者回复卡布琦诺 #3

那像我如果平时做一些练习，怎么去找这种服务器上的接口，例如京东上的服务器数据

2019-10-07 12:13:46

点开查看后面1条评论

提问者宗桦 2019-10-07 11:43:01

我在网上看到了直接把URL解码，平时可以利用这样的工具吗？

收起回答

提问者宗桦 2019-10-03 01:12:09

还有就是想知道，这些接口是怎么来的，获取到id的值，这个域名很长的接口刚好对应得上每个id值，接口是怎么找的，难道到时候工作中需要自己找接口数据吗？还是后端会帮我们处理这些问题给接口给我们前端用？

收起回答

提问者宗桦 2019-10-03 01:09:53

老师，我发现了怎么写参数，例如

？号前面就是url，这样理解可以吗？

?号后面都是params参数

api=mtop.taobao.detail.getdetail就写成api:'mtop.taobao.detail.getdetail'

这两个参数有点特殊，都是有百分比后面紧跟着字母数字的我要怎么写成params参数？

例如这个写了@

ttid=2017%40taobao_h5_6.6.0就写成ttid:'2017@taobao_h5_6.6.0'

例如这个就直接忽略了%后面紧跟着数字或字母

data=%7B%22itemNumId%22%3A%22555567044840%22%7D写成data:`{"itemNumId":"${id}"}`

收起回答

提问者宗桦 #1

还有这个、 data=%7B%22itemNumId%22%3A%22555567044840%22%7D写成data:`{"itemNumId":"${id}"}` 为什么这里还要加个:冒号呢？

2019-10-03 15:41:25
提问者宗桦 #2

data=%7B%22itemNumId%22%3A%22555567044840%22%7D写成data:`{"itemNumId":"${id}"}`是错的，刚刚改了一下写成 data: `{"itemNumId"%3A"${id}"}` 解决了timeout的问题，但是这个看不明白为什么是这样写的，%7B%22忽略了没写，%22也是%3A后面的百分比就省略了，id后面的百分比参数也没写

2019-10-04 10:55:57