Puntos de token inesperados: resolución de errores JSONP en jQuery.ajax#get

Cuando se encuentra un error de "Dos puntos de token inesperados" en jQuery.ajax #get, es importante comprender la naturaleza de las solicitudes JSONP (JSON con relleno). JSONP implica enviar datos JSON a una llamada de función global de JavaScript en el lado del cliente.

Para admitir JSONP, el servidor debe incluir el "Relleno" en la respuesta. El "Relleno" consta de un nombre de función de devolución de llamada seguido de los datos JSON entre paréntesis:

jQuery111108398571682628244_1403193212453({"Name":"Tom","Description":"Hello it's me!"})

En este ejemplo, el nombre de la función de devolución de llamada es jQuery111108398571682628244_1403193212453. El error se produce porque JavaScript analiza JSONP como JavaScript, donde {...} también representa bloques.

Para rectificar este error, el servidor debe incluir el "Relleno" en la respuesta. Además, jQuery normalmente incluirá un parámetro de cadena de consulta de devolución de llamada con el nombre de la función. Para adaptarse a esto, el código del servidor puede usar una declaración condicional para verificar el parámetro de devolución de llamada y enviar la respuesta en consecuencia:

var callback = req.query.callback;
var data = JSON.stringify({
    Name : "Tom",
    Description : "Hello it's me!"
});

if (callback) {
    res.setHeader('Content-Type', 'text/javascript');
    res.end(callback   '('   data   ')');
} else {
    res.setHeader('Content-Type', 'application/json');
    res.end(data);
}

Como alternativa, ExpressJS proporciona un método res.jsonp() que ya maneja esta condición, lo que facilita la devolución de respuestas JSONP:

app.get( '/', function( req, res ) {
    console.log( 'req received' );

    res.jsonp({
        Name : "Tom",
        Description : "Hello it's me!"
    });
});