2017-01-20 4 views
0

をフェッチするJSON呼び出しのURLは、私はそのDATをしたい http://www.cvedetails.com/vulnerability-feeds-form.phpサイトからデータをフェッチしている間、私は問題を抱えていたデータ

ここでは、コード `

<!DOCTYPE html> 
<html> 
<head> 
    <title>json data</title> 
</head> 
<body> 
<div class="demo" id="demo"> 
    <!-- <iframe src="http://www.cvedetails.com/widget.php?numrows=10&vendor_id=0&product_id=0&version_id=0&hasexp=0&opec=0&opov=0&opcsrf=0&opfileinc=0&opgpriv=0&opsqli=0&opxss=0&opdirt=0&opmemc=0&ophttprs=0&opbyp=0&opginf=0&opdos=0&orderby=1&cvssscoremin=10" width="100%" height="300px"></iframe> --> 
</div> 
<div class="demo2" id="demo2"><p></p></div> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function(){ 
var FEED_URL='http://www.cvedetails.com/json-feed.php?numrows=10&vendor_id=0&product_id=0&version_id=0&hasexp=0&opec=0&opov=0&opcsrf=0&opfileinc=0&opgpriv=0&opsqli=0&opxss=0&opdirt=0&opmemc=0&ophttprs=0&opbyp=0&opginf=0&opdos=0&orderby=1&cvssscoremin=10'; 

$.ajax({ 
    url  : FEED_URL + encodeURIComponent(FEED_URL), 
    dataType : 'json', 
    success : function (data) { 
    if (data.responseData.feed && data.responseData.feed.entries) { 
     $.each(data.responseData.feed.entries, function (i, e) { 
     header('Access-Control-Allow-Origin: http://www.cvedetails.com'); 
     alert('e.title'); 
     $('#demo2').append($('<p/>').text(e.title)); 

     console.log("------------------------"); 
     console.log("title  : " + e.title); 
     console.log("author  : " + e.author); 
     console.log("description: " + e.description); 
     }); 
    } 
    } 
}); 
}); 
</script> 
</body> 
</html> 

`

です

enter image description here

+1

なぜ 'FEED_URL + encodeURIComponentで(FEED_URL)'理由だけではなく、 'FEED_URL' –

答えて

0

このサイトでは、アプリを設定していないためCORSをサポートしていないようですアクセス制御 - 許可 - 原点を作成します。このクライアント側(ハックの外)を修正することはできないので、そのAPIへの呼び出しをプロキシできるプロキシサーバーを設定するのが最善です。プロキシサーバーは、独自のドメインに置くことも、独自のCORS応答ヘッダーを指定することもできます。 JSONPを調べることもできます。

CORSのガイド:https://www.moesif.com/blog/technical/cors/Authoritative-Guide-to-CORS-Cross-Origin-Resource-Sharing-for-REST-APIs/

+0

は大丈夫、私はこれを使ってみましょう –

関連する問題