ajaxを使用してタイトルを取得するには？

Question

私はajax機能を使用しており、ajaxを使用してタイトルを取得しようとしていますが、動作しません。ここではあなたの要求があるためCORS保護の障害が発生している例

$('#ajaxlink').click(function(e) { 
 
    var $this = this.href; 
 
    $.ajax({ 
 
    url: $this, 
 
    dataType: 'html', 
 
    success: function(html) { 
 
     var div = $('title', $(html)); 
 
     $('#gettitle').text($title); 
 
     
 
    console.log(html); 
 
    } 
 

 
    }); 
 

 

 
    e.preventDefault(); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="ajaxlink" href="https://jsfiddle.net/">Click</a> 
 
<div id="gettitle"> 
 
</div>

Answer 1

です。 CORSを明示的に有効にしない限り、他のドメインからhtmlを簡単にリクエストして解析することはできません。

それは、同じドメインのために働くようにするには、この

$('#gettitle').text($(html).filter('title').text()); 

Answer 2

を試してみてください、私はあなたのコード内のいくつかの問題を見て、 あなたのコード

$('#ajaxlink').click(function(e) { 
 
    var urlPath = $(e.currentTarget).prop('href'); // must be a valid url 
 
    $.ajax({ 
 
    url: urlPath, 
 
    dataType: 'html', 
 
    success: function(html) { 
 
     $('#gettitle').text(html); 
 
    console.log(html); 
 
    } 
 

 
    }); 
 

 

 
    e.preventDefault(); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="ajaxlink" href="https://jsfiddle.net/">Click</a> 
 
<div id="gettitle"> 
 
</div>

Answer 3

のこのバージョンを試してみてくださいあなたはJSONPを使用することができます。

01私は、同じドメインからこれを取得できますか

または

function jsonCallback(json){ 
    console.log(json); 
} 

$(document).ready(function(){ 



$.ajax({ 
    url: "http://run.plnkr.co/plunks/v8xyYN64V4nqCshgjKms/data-2.json", 
    dataType: "jsonp" 
}); 

});