如何使用ajax获得标题？

Question

我正在使用ajax功能并尝试使用ajax获得标题，但无法正常工作。下面是一个例子

$('#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并解析结果，除非它们明确启用了CORS。

，使之成为同一个域，可尝试此

$('#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：

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

$(document).ready(function(){ 
$.ajax({ 
    url: "https://api.github.com/users/jeresig", 
    dataType: "jsonp", 
    jsonpCallback: "logResults" 
}); 

}); 

或

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

$(document).ready(function(){ 



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

});