---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/object_manager_balloon_async.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/object_manager_balloon_async.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/en/llms.txt
# Loading the placemark balloon data on demand
Open in CodeSandbox
This example shows how to load data for an object's balloon on demand.
{% list tabs %}
- index.html
```html
Examples. Working with the balloon in ObjectManager
```
- object_manager_balloon_async.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map(
"map",
{
center: [55.76, 37.64],
zoom: 10,
},
{
searchControlProvider: "yandex#search",
}
),
objectManager = new ymaps.ObjectManager({
/**
* We want to load data for a balloon before opening,
* so we disable automatically opening the balloon on click.
*/
geoObjectOpenBalloonOnClick: false,
});
myMap.geoObjects.add(objectManager);
$.ajax({
url: "data.json",
}).done(function (data) {
objectManager.add(data);
});
// Function that emulates a request for data to the server.
function loadBalloonData(objectId) {
var dataDeferred = ymaps.vow.defer();
function resolveData() {
dataDeferred.resolve("Balloon data");
}
window.setTimeout(resolveData, 1000);
return dataDeferred.promise();
}
function hasBalloonData(objectId) {
return objectManager.objects.getById(objectId).properties
.balloonContent;
}
objectManager.objects.events.add("click", function (e) {
var objectId = e.get("objectId");
if (hasBalloonData(objectId)) {
objectManager.objects.balloon.open(objectId);
} else {
loadBalloonData(objectId).then(function (data) {
var obj = objectManager.objects.getById(objectId);
obj.properties.balloonContent = data;
objectManager.objects.balloon.open(objectId);
});
}
});
}
```
{% endlist %}