JSONP不使用gravatar

时间:2013-07-05 07:51:26

标签: jquery gravatar

在我的应用中,我正在尝试在注册过程中从gravatar获取用户的个人资料,这样他就不必输入他的名字,姓氏。我使用下面的代码 -

    $.ajax({
                url: "http://www.gravatar.com/" + get_gravatar_url(email) + ".json",
                async: false,       
                type: 'GET',
                dataType: 'jsonp',
                crossDomain: true,
                success: function(data){
                    console.log('data = ' + gravatar_profile);
                    data_received = 1;
                },
                error: function() {
                    console.log('oh noes!');
                },
        });

当找不到用户的电子邮件时,我在控制台中收到此错误 -

GET http://en.gravatar.com/79ac7efbf9deb9b7f7965d9aa564078b.json?callback=jQuery191009235964552499354_1373008918711 404 (Not Found)

但是,错误函数不会被调用。 (有人可以解释为什么吗?) 但是,如果找到用户的电子邮件,则会调用成功函数。

我还尝试了jquery-jsonp,功能如下 -

$.jsonp({
            async: false,
            url: "http://www.gravatar.com/" + get_gravatar_url(email) + ".json",
            dataType: "jsonp",
            crossDomain: true,
            timeout: 5000,
            success: function(data){
                alert(data);
            },
            error: function(XHR, textStatus, errorThrown){
                alert("ERREUR: " + textStatus);
                //alert("ERREUR: " + errorThrown);
            },
        });

虽然控制台中仍然显示404错误,但至少它会检测到并显示警报。但是,当gravatar以json格式发送数据时,我收到一个新错误 -

Uncaught SyntaxError: Unexpected token :

请有人知道如何使这项工作?

1 个答案:

答案 0 :(得分:0)

我在这里发布了一个简单的JSONP示例程序供您参考。

 OTPrequest = function(){
    customerObj = {'data':'abc'}
    $.ajax({
      type:'GET',
      dataType: 'jsonp',
      data: customerObj,
      jsonpCallback: 'loadit',
      url: 'http://abc/retrieve',
      success: function (responseData) { //Your server responseData should be like this "loadit('otp sent')"
        loadit(responseData)
      },
      error: function(xhr, textStatus, errorThrown){
        //Error handler.
      }
    });
    function loadit(data){
      console.log(data);
      alert(data); //This will alert the popup as "opt sent".
    }
  }