如何在.load（）时更改动态页面标题

Question

如何在<title></title> div中加载内容后更改页面标题#container？

$(document).ready(function () {
    $("a.view").live('click', function () {
        var id = $(this).data("id");
        $('#container').load("view.php?" + id);
    });
});

如果没有.load()，我会通过获取id来自网址来检索它，例如view.php?id=1

if (isset($_GET['id'])) {
 $pageid = intval($_GET['id']);
 $select = $db->query('SELECT id, title FROM content WHERE id="'.$id.'"');
 $data   = $db->fetch($select);
 $title  = $data['title'];
}

因此，在我的header.php中，只需将其称为<title><?php echo $title; ?></title>

即可

如果在这种情况下文件在header.php后加载，那么如何根据当前.load("view.php?" + id)创建动态页面标题？

Answer 1

您可以设置document.title property：

document.title = "My new title!";

Answer 2

在.load调用中添加一个回调函数，responseText，textStatus，XMLHttpRequest都是将传递给回调的参数。

function myCallback(responseText, textStatus, XMLHttpRequest)
{
    document.title = "Set new title";
}

$(document).ready(function () {
    $("a.view").live('click', function () {
        var id = $(this).data("id");
        $('#container').load("view.php?" + id,myCallback);
    });
});