使用Ajax自动获取QQ头像昵称

整个过程

QQ失去焦点 -> 取 #QQd的值 ->(url=“https://api.usuuu.com/qq/”+QQ,) 请求返回josn
->

$("#nickname").val(result["data"].name);
$("[name='avatar']").val(result["data"].avatar);

源码：

--------------------html------------------------------<input type="hidden" name="avatar" value="-1><input id="QQ" type="text" name="qq"                placeholder="输入qq号自动获取昵称头像"><input id="nickname" type="text" name="nickname"       placeholder="昵称(必填)">----------------------js---------------------------
//#QQ失去焦点  取 #QQ值  请求返回josn ->  name=avatar  #nickname// 失去焦点$('#QQ').blur(function() {var QQ = $("#QQ").val();$.ajax({url : "https://api.usuuu.com/qq/"+QQ,type: "GET",dataType: "json",success : function(result) {console.log(result["data"].name,result["data"].avatar);$("#nickname").val(result["data"].name);$("[name='avatar']").val(result["data"].avatar);}});});

知识点:

1.JSON数据
JSON(JavaScript Object Notation, JS 对象简谱)

是一种轻量级的数据交换格式，比xml更轻巧（由于 JSON 所使用的字符要比 XML 少得多，可以大大得节约传输数据所占用的带宽）。

json是javascript原生格式，就是说在javascript中处理json数据，需要引用其他API或工具包。

简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

只需要记住！
Json是一种文本字符串！被存储在responseText属性中，而读取json数据可以使用javascript的eval函数来解析json。

使用Ajax自动获取QQ头像昵称相关推荐

html输入QQ自动获取QQ头像,WordPress评论框输入QQ获取头像和昵称教程
先看效果图吧: 这个功能在很多emlog博客上都兴起了,不过我发现wordpress圈里还不太常见,所以把这个功能做到wordpress上,由于每个人的主题评论表单结构节点名称都不太一样,所以根据本教 ...
html输入QQ自动获取QQ头像,QQ号头像名称信息自动获取插件[WordPress] | 贝贝吧
首次评论时输入QQ自动获取昵称和邮箱,此时您可以对邮箱进行修改并填写网址,提交评论后自动记录到数据库专用表内,再次评论输入QQ时,先返回数据库中记录的对应QQ自定义的邮箱和网址,如果您想更换邮箱和网址 ...
html输入QQ自动获取QQ头像,我在开发web版使用第三方QQ登录网站的时候，发现引入的QQ头像登录（如下图）很戳，我想问一下这个样式怎么调？...
2. pageEncoding="utf-8"%> /p> "http://www.w3.org/TR/html4/loose.dtd"> 美 ...
微信小程序获取用户头像昵称
微信小程序获取头像昵称问题解决文章目录微信小程序获取头像昵称问题解决前言和传统方法问题描述解决方案实现效果前言和传统方法微信小程序是一种基于微信开发平台的轻应用,用户可以通过微信扫码. ...
php 获取qq头像,免费的API接口推荐（获取QQ昵称、头像、QQ秀等等）
1.获取QQ头像 http://q2.qlogo.cn/headimg_dl?dst_uin=QQ号码&spec=100 100 是尺寸,具体可以参考下表还有其他尺寸为,40 x 40.10 ...
php 获取qq头像,php只需要一个QQ号就可以获得用户信息(昵称、头像)
[PHP] 纯文本查看复制代码<?php // 通过QQ号即可获取用户信息 // 获取QQ头像接口 // http://q1.qlogo.cn/g?b=qq&nk=QQ号&s= ...
通过QQ号码获取QQ头像、昵称以及空间头像
从网上搜罗了一堆获取QQ头像的方法,基本上都是通过简单的链接即可实现,在这里做下记录和总结! 一.QQ头像 http://q1.qlogo.cn/g?b=qq&nk=945794520& ...
php 获取qq头像,php通过QQ号获取用户QQ昵称、QQ头像、QQ邮箱等信息！
这个代码实在SegmentFault发现的,通过PHP代码可以通过QQ号码获取用户的QQ昵称.QQ头像.QQ邮箱信息.<?php // 通过QQ号即可获取用户信息 // 获取QQ头像接口 // ...
php 只需qq 获取用户信息,免登录只需要一个QQ号就能获取QQ头像和QQ昵称获取QQ用户信息API...
//里客云资源站,likeyunba.com //BY TANKING // header header("Content-Type:application/json"); err ...

使用Ajax自动获取QQ头像昵称

使用Ajax自动获取QQ头像昵称

整个过程

源码：

知识点:

使用Ajax自动获取QQ头像昵称相关推荐

最新文章

热门文章