使用 jQuery AJAX 获取请求页面的标题答案

【问题标题】：Get the title of a requested page using jQuery AJAX使用 jQuery AJAX 获取请求页面的标题
【发布时间】：2011-09-29 15:05:23
【问题描述】：

我编写了以下代码来在我的应用中执行 AJAX 请求：

$(document).ready(function () {

    $('ul#ui-ajax-tabs li:first').addClass('selected');

    $('#ui-ajax-tabs li a').click(function (e) {

        e.preventDefault();

        $("#ui-ajax-tabs li").removeClass("selected");

        $(this).parents('li').addClass("loading");

        var url = $(this).attr("href");
        var link = $(this);
        console.log(url);

        $.ajax({
            url: url,
            success: function (responseHtml) {
                $('div#ui-tab-content').html($(responseHtml).find('div#ui-tab-content > div#ui-ajax-html'));
                $(link).parents('li').addClass('selected');
                $("#ui-ajax-tabs li").removeClass("loading");
            },
            error: function () {
                $('div#ui-tab-content').html('<div class="message error">Sorry that page doesn\'t exist</div>');
                $(link).parents('li').addClass('selected');
                $("#ui-ajax-tabs li").removeClass("loading");
            }
        });

    });

});

如何从请求的页面中获取标题并使用它？我考虑过类似：var title = $(document).attr('title'); 但如何从请求的页面获取标题并将其设置为新标题？谢谢

【问题讨论】：

$(responseHtml).find('head title').text() 可以工作
jQuery的ajax方法可以做跨域请求吗？
@FloydPink 您在发布之前尝试过吗？确实有人会期望它起作用，但事实并非如此。

标签： jquery ajax

【解决方案1】：

我是 jQuery 新手，但无论如何我都会尝试一下：

var newTitle = $(responseHtml).filter('title').text();

如果上述方法之一有效，则当前标题可以更改为

document.title = newTitle;

再次，我是一个 jQuery 和 Javascript 初学者，只是想尝试一下 :) 如果它很愚蠢并且不起作用，请原谅 :)

【讨论】：

$("<html><head><title>Title!</title></head><body></body></html>") 变成了一个 jQuery 对象，其中包含一个 title 元素，因此您的答案实际上似乎有效。
+1 filter 是正确的使用方法。 find 或 $('title', responseHTML) 不起作用。
为了安全起见，您应该使用：$.parseHTML(responseHtml).filter('title').text();
谁能解释为什么$(responseHtml).find('title') 和$("title", responseHtml) 都不起作用？
@matteo，我猜.find() 和$('title', html) 只尝试遍历物理DOM 元素，而.filter() 检查整个文档，包括head