Javascript 使用Twitter Oauth API获取用户信息

我需要在登记表/页面上设置一个twitter按钮

注册页面包含名字、姓氏和电子邮件

当用户单击Twitter按钮时，它应该调用Twitter api，并打开Twitter登录模式以获取凭据。 成功填写详细信息后，所有字段都应自动填充用户信息，即Firstname、Lastname、email。 我想在Jquery/javascript的帮助下获得所有东西。

我在twitter中创建了一个应用程序&我有消费者密钥（API密钥）、消费者密钥（API密钥）、访问令牌和访问令牌密钥

我尝试了以下代码：

$(document).ready(function() {
    $( "#target" ).click(function() {
    $.ajax({
        beforeSend: setHeader,
        url: "http://api.twitter.com/1.1/account/verify_credentials.json",
        type: "GET",
        dataType: 'jsonp',
        cache: false,
        crossDomain: true,
        scriptCharset: "utf-8",
        success: function(data) { alert('hello!'); console.log(data);},
        error: function(html) { alert(html); },

    });
    });
        });
     function setHeader(xhr) {
        if(xhr && xhr.overrideMimeType) {
            xhr.overrideMimeType("application/j-son;charset=UTF-8");
        }


        xhr.setRequestHeader('Authorization','OAuth oauth_consumer_key="XXXXXXXXX", oauth_nonce="XXXXXXXXXX", oauth_signature="XXXXXXX", oauth_signature_method="HMAC-SHA1", oauth_timestamp= "XXXXXX", oauth_token, "XXXXXXXX", oauth_version="1.0"');
    }

它给出的错误如下所示：

---

“NetworkError:401 Unauthorized-”

到目前为止您尝试了什么，您的问题是什么？这听起来像是你希望有人为你做这一切，我认为这不会发生。@vis5ion我已经更新了代码。此请求的内容类型应该是application/x-www-form-urlencoded（而不是application/j-son）。此外，根据API不应识别的so？callback=jQuery32103570901858061123_14998611152234和_=1499861515235，此端点没有对jsonp回调的任何文档支持。