javascript - jquery ajaxが動かない

Question

Twitter api を使用してユーザー情報を取得しようとしています。jquery コードは以下のとおりです。

 <script type="text/javascript">
        function GetUser() {

            $.ajax({
                type: "GET",
                url: "http://api.twitter.com/1/users/show.json?user_id=id&include_entities=true&callback=?",
                contentType: "application/json; charset=utf-8",
                dataType: "jsonp",
                cache:true,
                timeout:8000,
                success: function (json) {
                    alert("Successfull");
                },
               error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.responseText);
                alert(thrownError);
            }               
            });
    }
    </script>

xhr.responseText:undefined throwError:[オブジェクトエラー] と html コード:

<input type="submit" value="Submit" onclick="GetUser();" />

score 1 · Accepted Answer

まず、URL が正しくありません。それ以外の

user_id=id

URL では、id に実際の値を使用する必要があります (この場合、id は単なるプレースホルダーです)。例えば：

user_id=82193320

これにより、私の Twitter ユーザー (uwe_guenther) のデータが返されます。

ここで簡単に Twitter ID を検索できます。

http://mytwitterid.com/

スクリーンネームでユーザーデータを検索したいだけの場合は、次を使用できます。

screen_name=uwe_guenther

代わりは。

Twitter API の説明は、次の場所にあります。

https://dev.twitter.com/docs/api/1/get/users/show

ここに、user_id で screen_name を検索し、screen_name で user_id を検索する実際の例を添付しました。

次の例のjsFiddleは、http: //jsfiddle.net/uwe_guenther/EvJBu/にあります。

index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <input id='userIdTextField' type='text' placeholder='user_id'/>
    <input id='userIdSubmitButton' type="submit" value="Submit"/>
    <div id='screenNameResultView'></div>
    <br>
    <input id='screenNameTextField' type='text' placeholder='screen_name'/>
    <input id='screenNameSubmitButton' type="submit" value="Submit"/>
    <div id='userIdResultView'></div>
    <br>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src='main.js'></script>
</body>
</html>

main.js

$(document).ready(function (){

    $('#userIdSubmitButton').click(function (){
        var userId = $('#userIdTextField').val();
        $.ajax({
            type: "GET",
            url: "http://api.twitter.com/1/users/show.json?user_id=" + userId + "&include_entities=true&callback=?",
            contentType: "application/json; charset=utf-8",
            dataType: "jsonp",
            cache:true,
            timeout:1000,
            success: function (json) {
                alert("Successfull: screen_name=" + json.screen_name);
                $('#screenNameResultView').text("screen_name=" + json.screen_name);
                console.log(json);
            },
            error: function () {
                alert("No Result");
            }
        });
    });

    $('#screenNameSubmitButton').click(function (){
        var screenName = $('#screenNameTextField').val();
        $.ajax({
            type: "GET",
            url: "http://api.twitter.com/1/users/show.json?screen_name=" + screenName + "&include_entities=true&callback=?",
            contentType: "application/json; charset=utf-8",
            dataType: "jsonp",
            cache:true,
            timeout:1000,
            success: function (json) {
                alert("Successfull: user_id=" + json.id);
                $('#userIdResultView').text("user_id=" + json.id);
                console.log(json);
            },
            error: function () {
                alert("No Result");
            }
        });
    });
});

score 0 · Accepted Answer

これが実際の例ですhttp://jsfiddle.net/kMgES/

$.ajax({
    url: 'http://api.twitter.com/1/users/lookup.json?screen_name=noradio&callback=?',
    type: 'GET',
    dataType: 'json',
    timeout: 8000,
    success: function (data) {
        alert(data[0].name);
    },
    error: function () {
        alert("cant search");
    }    
});

この例では、検索はスクリーン名で行われます。すべての可能なオプションについては、https://dev.twitter.com/docs/api/1/get/users/showをご覧ください。

これをエラー処理に使用することを検討してください

error: function(XMLHttpRequest, textStatus, errorThrown){
           // error handling  
        }

score 0 · Accepted Answer

URLが間違っています

 <script type="text/javascript">
            function GetUser() {

                $.ajax({
                    type: "GET",
                    url: "http://api.twitter.com/1/users/show.json?user_id=id&include_entities=true&callback=?",//this is wrong
                    contentType: "application/json; charset=utf-8",
                    dataType: "jsonp",
                    cache:true,
                    timeout:8000,
                    success: function (json) {
                        alert("Successfull");
                    },
                    error: function () {
                        alert("cant search");
                    }                 
                });
        }
        </script>

javascript - jquery ajaxが動かない

3 に答える 3

Related

Reference