# Wywołaj inny adres przez AJAX() z serwera

> Użyj AJAX(), aby wywołać adres HTTP z ciałem JSON i dostać sparsowaną odpowiedź, jako obietnicę lub z callbackiem, oraz dowiedz się, co dzieje się z błędami i XML.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: pl
Content-SHA256: 288e2f45c774010141474c1fb3f8b0103f1aecf8e802f4b59bd77903c7d8eaad
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

`AJAX('METHOD url', [data], [callback])` wykonuje żądanie HTTP i daje Ci **sparsowaną** odpowiedź. To krótka forma `REQUEST()` dla API mówiących JSON: to samo wywołanie, które ma jComponent w przeglądarce, więc kod strony i serwera wyglądają podobnie.

- Adres zaczyna się opcjonalną metodą: `AJAX('POST https://example.com/api/', data)`. Bez metody jest to `GET`.
- `data`, jeśli podano, jest wysyłane jako **ciało JSON**. Żądanie niesie nagłówek `x-requested-with: XMLHttpRequest`, więc po drugiej stronie `$.xhr` ma wartość `true`.
- Odpowiedź jest parsowana według typu zawartości: JSON staje się obiektem, `application/x-www-form-urlencoded` staje się obiektem, a wszystko inne przychodzi jako tekst.
- Gdy status to 400 lub więcej, obietnica jest **odrzucana** (lub callback dostaje najpierw błąd) ze sparsowanym ciałem odpowiedzi jako błędem. Callback jest wywoływany jako `callback(err, value, response)`.
- Bez callbacku zwraca obietnicę.

**Dla odpowiedzi XML użyj `REQUEST()`** i samodzielnie przeanalizuj treść: `AJAX()` jest przeznaczone dla odpowiedzi JSON i tekstowych.

Przykład wywołuje trasy tej samej aplikacji, których adres podaje `$.hostname('/')`, więc nie potrzebuje żadnego innego serwera.

```js controllers/calls.js
exports.install = function() {
	ROUTE('GET /api/hello/', hello);
	ROUTE('POST /api/echo/', echo);
	ROUTE('GET /api/text/', text);
	ROUTE('GET /api/xml/', xml);
	ROUTE('GET /api/fail/', fail);
	ROUTE('GET /calls/', calls);
};

function hello($) {
	$.json({ hello: 'world', xhr: $.xhr });
}

function echo($) {
	$.json({ received: $.body, xhr: $.xhr });
}

function text($) {
	$.plain('plain text');
}

function xml($) {
	$.xml('<a><b>1</b></a>');
}

function fail($) {
	$.invalid('It is wrong');
}

async function calls($) {

	const base = $.hostname('/');
	const out = {};

	out.hello = await AJAX('GET ' + base + 'api/hello/');
	out.nomethod = await AJAX(base + 'api/hello/');
	out.echo = await AJAX('POST ' + base + 'api/echo/', { a: 1 });
	out.text = await AJAX(base + 'api/text/');

	try {
		await AJAX(base + 'api/fail/');
	} catch (err) {
		out.error = err.message || err;
	}

	out.callback = await new Promise(resolve => AJAX(base + 'api/hello/', (err, value, response) => resolve({ err: err, hello: value.hello, status: response.status })));

	out.xml = await Promise.race([
		AJAX(base + 'api/xml/').then(() => 'answered', () => 'rejected'),
		new Promise(resolve => setTimeout(() => resolve('never answered'), 1000))
	]);

	$.json(out);
}
```