javascript - 文库一点收怎样实现的?
PHPz
PHPz 2017-04-10 12:46:09
[JavaScript讨论组]

百度文库一点收

个人分析一点收的流程:
1 利用JS将客户端所在页面POST服务器,
2 服务器经过分析去噪后将标题、内容返回给客户端。
3 客户端用JS将返回的内容渲染并盖住当前页面。
4 客户端将用户修改后的数据提交服务器。

涉及到的技术: JS跨域,网页去噪,AJAX等。
另发现文库一点收JS代码中总出现XIMPORTER,求大侠指点。

请大侠详细分析,并指出我的错误,不甚感激!

PHPz
PHPz

学习是最好的投资!

全部回复(1)
怪我咯

加载 JS http://wenku.baidu.com/collect/pcboot?timestamp=1371541331341

这个 JS 分为几个部分,首先是 jQuery.1.8.3.min,然后是 ParseElement,用于提取页面的文章标题和内容(网页去噪),接着是 croDomain,用于 iframe 的跨域。

然后 JS 加载了一个 iframe,http://wenku.baidu.com/collect/pclayer?href={location.href}(这个页面没有内容),然后用 croDomain 给这个 frame 里发送 ParseElement 得到的内容。至于到了 iframe 里我没仔细看。

  1. 利用 JS 加载一个页面,
  2. JS 经过分析去噪后直接获取标题、内容。
  3. 将获取的标题内容送到 iframe 里。
  4. iframe 里再有 ajax 将修改后的内容 post 到 baidu 上。
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号