微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

javascript - 想这种效果是怎么实现的？

php中文网
发布： 2016-07-06 13:52:43
原创
1095人浏览过

很多网站上都有这样第三方登录功能，点击登录，弹出一个小窗口，在小窗口上进行确认后，然后立马就关闭了，让后主页面头像就跟着加载出来了，。，，这种是怎么实现的？局部刷新的话，肯定是涉及到了ajax，但是像图中小窗口中的地址完全是第三方的接口，自己怎么用ajax控制并把信息返回主页面呢？
javascript - 想这种效果是怎么实现的？

回复内容：

很多网站上都有这样第三方登录功能，点击登录，弹出一个小窗口，在小窗口上进行确认后，然后立马就关闭了，让后主页面头像就跟着加载出来了，。，，这种是怎么实现的？局部刷新的话，肯定是涉及到了ajax，但是像图中小窗口中的地址完全是第三方的接口，自己怎么用ajax控制并把信息返回主页面呢？
javascript - 想这种效果是怎么实现的？

楼主可以看下oauth登录授权，https://segmentfault.com/a/1190000005177874 楼主可以研究这个代码

https://adodson.com/hello.js/

自己尝试写过用户授权的js简单说下前端方面

火龙果写作
火龙果写作

用火龙果，轻松写作，通过校对、改写、扩展等功能实现高质量内容生产。

火龙果写作 106
查看详情 火龙果写作

立即学习“Java免费学习笔记（深入）”；

一般是这样的
用户触发登录，程序会检测本地存储是否有登录token，则会弹窗或者跳转到我们这边的登录页面，会带上一些信息比如应用id以及回调地址，登录成功后，会跳到回调指定的地址，一般就是原登录页面，这个时候跳转到新的页面时候，就会带上token。这个时候你可以凭借这个token进行其他api的访问了，比如用户资料啊，好友啊等等。

http://www.uyan.cc/getcode 这种的吧,搞个第三方就好了

相关标签：
javascript php css

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：yaf模块中怎么加BaseController,各用各的？ 下一篇：前端大神 和tp大神来看看 如何让循环里的结果每次颜色不一样
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
php在线工具转换器网页 php工具转换器网页版入口免费 推荐免费PHP在线工具转换器网页版，如phpformatter.com、phptoolhub.com等，支持代码格式化、加密解密、Base64编解码、JSON与数组互转、HTML转PHP输出及URL编解码等功能，无需下载，浏览器打开即可使用，适合开发者快速调试。建议避免输入敏感信息，选择HTTPS站点确保安全，慎用加密功能以防恶意代码，工具仅作辅助，不可替代本地开发环境。
2025-11-10 18:03:03
174
php怎么调试接口数据脱敏_php接口敏感数据脱敏与显示控制调试方法 答案：通过定义敏感字段和统一脱敏规则，结合环境变量与权限控制，在生产环境强制脱敏、调试环境按需查看明文，实现安全与效率平衡。
2025-11-10 17:57:29
589
如何下载php功能测试文件_获取php功能测试相关文件的方法 自行编写PHP测试文件最安全高效，如创建test.php显示PHP版本和配置信息；2.可从GitHub、GitLab等平台获取开源测试脚本以检测数据库、GD库等功能；3.使用XAMPP、WAMP等开发环境自带的phpinfo()页面快速查看PHP状态；4.下载在线诊断脚本需确保来源可信并检查代码安全性；5.正确设置文件路径与权限以确保服务器解析PHP。
2025-11-10 17:47:11
316
php怎么用域名_PHP域名绑定与网站访问配置方法 首先修改hosts文件将域名指向127.0.0.1，再配置Apache或Nginx虚拟主机绑定项目目录，最后通过访问phpinfo页面验证域名解析和PHP运行是否成功。
2025-11-10 17:30:05
504
为什么PHP调用类方法报错_PHP类方法调用报错问题排查与解决方法教程 首先检查类是否通过new关键字正确实例化，确认类名拼写与命名空间引用无误；接着验证方法是否存在且拼写正确，可使用method_exists()函数检测；区分静态与非静态方法调用方式，静态方法用::调用，非静态需实例化后调用；检查方法访问修饰符，确保调用方法为public；最后确认自动加载机制正常，遵循PSR标准并正确配置composerautoload。
2025-11-10 17:27:03
867
php数据库数据采样分析_php数据库大数据集分析技巧 使用分页、主键切分、随机采样、临时表和流式查询提升PHP大数据采样效率。1.LIMIT与OFFSET分批读取，但大偏移量时建议改用主键范围；2.按主键区间分段查询，减少全表扫描；3.用RAND()或概率条件实现随机抽样，避免性能瓶颈；4.创建临时表缓存样本数据并建索引加速分析；5.启用PDO流式查询降低内存占用，逐行处理结果集。
2025-11-10 17:23:03
819
PHP调用FTP服务器失败怎么处理_PHP FTP服务器连接与文件传输问题解决教程 首先检查FTP连接参数是否正确，包括服务器地址、端口、用户名和密码，并通过ping测试连通性；确认使用默认端口21或指定非标准端口；确保ftp_connect()返回有效连接资源。接着在防火墙或NAT环境下启用被动模式，调用ftp_pasv($connection,true)并测试目录列出或文件上传是否正常。然后验证用户对目标目录的读写权限，使用ftp_pwd()确认当前路径，尝试ftp_chdir()切换目录，并确保路径存在且可写，必要时通过ftp_site()调整权限。若服务器要求安全连接，
2025-11-10 17:23:02
414
为什么PHP调用用户权限验证函数无效_PHP用户权限验证函数无效问题排查与RBAC模型教程 首先检查权限函数是否被正确调用、返回值是否有效处理及参数准确性；其次确认RBAC模型中用户-角色-权限关系的绑定与映射完整，权限粒度合理；再确保会话中的用户状态与权限数据同步，避免缓存延迟；最后通过调试输出和日志追踪执行流程，验证各环节闭环。只要调用链完整、数据一致、逻辑清晰，PHP权限验证即可稳定生效。
2025-11-10 17:12:03
251
为什么PHP代码会出现性能瓶颈_PHP代码性能瓶颈成因分析与解决方案 答案：PHP性能瓶颈主要源于数据库查询低效、未启用OPcache、同步阻塞操作、冗余循环及前端资源未压缩。应优化SQL索引与查询、启用OPcache加速脚本执行、采用异步处理减少等待、重构循环逻辑并合并压缩前端资源以提升整体性能。
2025-11-10 17:00:03
1002
php怎么调试接口返回值_php接口返回数据格式与内容调试技巧 首先通过var_dump或print_r输出数据结构并exit终止执行，确保接口返回JSON时设置正确响应头并封装统一返回函数，利用浏览器开发者工具检查Response内容是否合法，开发环境开启错误报告，生产环境记录日志，使用Postman或curl独立测试接口，保持输出干净避免破坏格式。
2025-11-10 16:59:28
253
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部