百度MIP之mip-infinitescroll(无限滚动)

最新推荐文章于 2023-04-06 22:43:38 发布

原创最新推荐文章于 2023-04-06 22:43:38 发布 · 918 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了在MIP页面中实现下拉刷新功能的三个必要条件，包括HTTPS请求、callback参数规范及数据返回格式。特别解释了callback在跨域请求中的作用，以及服务器如何正确响应。

做移动站改版MIP页面的时候用到下拉刷新的功能，看百度MIP官网上说明 mip-infinitescroll 组件需要以下3个条件

异步请求接口必须是 HTTPS
异步请求接口需要规范 callback 为 'callback'
接口返回的数据格式需要是如下格式：
```
{
    "status": 0, 
    "data": { 
        "items": [{}, {}]
    }
}
```
对第二条callback不是很理解。
后研究发现
Jquery 在每次跨域发送请求时都会有callback这个参数，其实这个参数的值就是回调函数名称，所以，服务器端在发送json数据时，应该把这个参数放到前面，这个参数的值往往是随机生成的，如：jsonp1294734708682，同时也可以通过 $.ajax 方法设置 callback 方法的名称。明白了原理后，服务器端应该这样发送数据：

string message = "jsonp1294734708682({ "success": [{ "id": 1, "title": "title 1" }, { "id": 2, "title": "title 2" }, { "id": 3, "title": "title 3"}] })";