2016-08-09 16 views
0

私の休憩APIサービスを実行するためにSpringを使用しています。私のサービスがサンプルhtmlファイルとplzから送信するjsonオブジェクトのリストを取得できません。どのようにして最初のオブジェクトにアクセスできるか教えてください。ajaxは、残りのAPI応答として、jsonオブジェクトのリストへの応答を表示しません

これが私のREST APIサービスのサンプル出力です:

[{"src_ip":"1.1.1.1","src_id":"98","date":1470527874000}, 
{"src_ip":"1.1.2.1","src_id":"25","date":1470527934000}, 
{"src_ip":"1.1.2.1","src_id":"25","date":1470527934000}] 

と、この私は私のhtmlファイルで使用されるコード:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Testing Results</title> 
<!--TODO badan version e CDN e jquery use shavad--> 
<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    $.ajax({ 
     url: "http://127.0.0.1:8080/restapi2", 
     dataType: "jsonp" 
    }).then(function(data) { 
     $('.List').append(data); 
     $('.data').append(data[0]); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div> 
     <br><br> 
     <p class="List"></p> 
     <br><br> 
     <p class="data"></p> 
    </div> 
</body> 
</html> 

私はサンプルを実行するときと言う必要がありますこのlinkのHTMLファイルには、適切に機能していました。

更新された部分:

最後のエラーを修正した後、まだ私は私のブラウザに表示する任意の正しいデータが、この時間は、取得していないコンソール何かを得るが、私は方法がわかりませんそれらを使用する。これはそのスナップショットであり、左側には2つのオブジェクトが送信されたことが示されています。

enter image description here

と、そのオブジェクトのこのコンテンツ:理由はあなたがで禁止されているページとは異なるドメインにアクセスしようとしていたされたコメントの議論に基づいて

enter image description here

+0

Springアプリケーションがデータを返しますか?あなたはブラウザや他のPOSTMANのツールでURLを入力するだけでデータを取得していますか? –

+0

私は郵便配達でそれを試してみませんが、私はチェックアウト "http:// localhost:8080/restapi2"私は私の応答を参照してください。 –

+0

郵便配達の応答も。 –

答えて

0

ブラウザをセキュリティ上の予防措置として使用します。

$(document).ready(function() { 
    $.ajax({ 
     url: "http://localhost:8080/restapi2" 
    }).then(function(data) { 
     $('.List').append(data); 
     $('.data').append(data[0].); 
    }); 
}); 

"No 'Access-Control-Allow-Origin' header is present on the requested resource"

+0

"No 'Access-Control-Allow-Origin'ヘッダ"を取り除くために私のコードを更新しましたが、何も出力されませんでした。 –

+0

この部分をもう一度お手伝いできますか?この問題の原因は何ですか? –

+0

両方(あなたのhtmlページとあなたのサービス)が同じドメインにある場合は、「アクセス制御なし」の設定を行う必要はありません。両方が正しいことを確認してください。誤植もあります。 –

関連する問題