Wywołaj inny adres przez AJAX() z serwera

Total.js 5 · total5@0.0.19 httprequestsajax Uruchomiono z Total.js 5

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/'](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.

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);
}