Volejte jinou adresu pomocí AJAX() ze serveru

Total.js 5 · total5@0.0.19 httprequestsajax Spuštěno s Total.js 5

AJAX('METHOD url', [data], [callback]) provede HTTP požadavek a vrátí vám zpracovanou odpověď. Je to krátká forma REQUEST() pro API, která komunikují v JSON: stejné volání, jaké má jComponent v prohlížeči, takže kód stránky a serveru vypadají podobně.

Adresa začíná volitelnou metodou: AJAX('POST [https://example.com/api/'](https://example.com/api/'), data). Bez metody je to GET.
data, pokud jsou zadána, se odešlou jako tělo JSON. Požadavek nese hlavičku x-requested-with: XMLHttpRequest, takže na druhé straně je $.xhr rovno true.
Odpověď se zpracuje podle typu obsahu: JSON se stane objektem, application/x-www-form-urlencoded se stane objektem a vše ostatní přijde jako text.
Když je stav 400 nebo vyšší, promise se zamítne (nebo callback dostane nejprve chybu) se zpracovaným tělem odpovědi jako chybou. Callback se volá jako callback(err, value, response).
Bez callbacku vrátí promise.

Pro odpovědi XML použijte REQUEST() a tělo si zpracujte sami: AJAX() je určeno pro odpovědi JSON a text.

Příklad volá routy téže aplikace, jejichž adresu dává $.hostname('/'), takže nepotřebuje žádný jiný server.

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