Chame outro endereço com AJAX() a partir do servidor
AJAX('METHOD url', [data], [callback]) faz um pedido HTTP e dá-lhe a resposta interpretada. É a forma curta de REQUEST() para APIs que falam JSON: a mesma chamada que o jComponent tem no navegador, de modo que o código da página e o do servidor se parecem.
- O endereço começa com um método opcional:
AJAX('POST [https://example.com/api/'](https://example.com/api/'), data). Sem método é umGET. data, quando dado, é enviado como corpo JSON. O pedido leva o cabeçalhox-requested-with: XMLHttpRequest, pelo que do outro lado$.xhrétrue.- A resposta é interpretada pelo seu tipo de conteúdo: JSON torna-se um objeto,
application/x-www-form-urlencodedtorna-se um objeto e qualquer outra coisa chega como texto. - Quando o estado é 400 ou mais, a promessa é rejeitada (ou o callback recebe primeiro o erro) com o corpo interpretado da resposta como erro. Um callback é chamado como
callback(err, value, response). - Sem callback devolve uma promessa.
Para respostas XML use REQUEST() e analise você o corpo: o AJAX() foi pensado para respostas JSON e de texto.
O exemplo chama rotas da mesma aplicação, cujo endereço é dado por $.hostname('/'), de modo que não precisa de nenhum outro servidor.
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);
}