How do I update a title tag with notification numbers, like Facebook, after getting the number from jQuery.ajax and keeping the rest of the title intact?

Answer 1

Hi there. In the case of Facebook they simply display "(notifications.length) Facebook" or "Facebook". That could be achieved by doing something like this:

$.ajax({

type: 'GET',

url: '<data-api-endpoint>',

dataType: 'json',

success: function(data){

var updatedTitle = data.notifications.length

? `(${data.notifications.length}) Facebook`

: 'Facebook';

$(document).prop('title', updatedTitle);

},

error: function(){

// provide feedback if you want to

}

});

I hope this helps!