Uso de JSONP al devolver XML

Question

Le pedí una anterior question que fue definitivamente útil y me hizo saber acerca de JSONP. Sin embargo, veo que tengo que especificar JSONP como el tipo de datos. Ahora, hasta donde sé, ese es el tipo de devolución de los datos que regresan, que sería XML. ¿Se puede devolver XML utilizando JSONP o estoy limitado a que regrese como formato JSONP? ¡Gracias!

Answer 1

Está limitado a JSONP (y no a XML) por su funcionamiento. JSONP se convierte en esto:

<script src="myPage?callback=myFunction" type="text/javscript"> 

Así que cuando se toma el contenido, es efectivamente hacer esto:

<script type="text/javascript"> 
    myFunction({ data: value, data2: value2 }); 
</script> 

Lo que vuelve es real la ejecución de JavaScript, por lo que no puede ser XML, obtendrá todo tipo de errores de sintaxis, exactamente como lo haría hacer esto:

<script type="text/javascript"> 
    <elem> 
    <data>value</data> 
    <data2>value2</data2> 
    </elem> 
</script> 

como Puedo magine, el analizador de JavaScript no va a gustar mucho, y no sabe qué hacer con él. jQuery puede analizar XML en la mayoría de los casos sin ningún problema, pero si está utilizando JSONP y es para solicitudes entre dominios ... bueno, JSONP es su única opción allí, a menos que haya escrito una página de proxy en su sitio que no viole reglas de política de mismo origen, y lo usó como un proxy para obtener el XML a través de.

Answer 2

La idea es enviar código ejecutable desde el servidor. Escriba un complemento jQuery o amplíe la función ajax para devolver la cadena XML como un parámetro de función.

myCallback(" 
    <root> 
    <person> 
     <first>John</first> 
     <last>Doe</last> 
    </person> 
    </root>") 

El plugin analizará esta cadena a XML y volver de nuevo a su devolución de llamada real. En lo que respecta a la devolución de llamada, desconoce el proceso de conversión string -> xml.

Aquí hay un implementation existente.

La interfaz más ideal para esto con jQuery sería,

$.ajax({ 
    url: 'http://example.com/resource?type=xml', 
    dataType: 'xmlp', 
    success: function(xml) { .. } 
}); 

pero ya jugar un poco y volver a escribir jQuery.ajax es problemático, se podría escribir esto como un propio plugin espacio de nombres separado que se utilice getScript debajo.

$.myNamespace.ajax({ 
    .. 
}); 

Para que esto funcione, necesitará el control del servidor. El servidor debe saber que se solicita XML y responder con una llamada a la función que contiene la cadena XML como parámetro. Suponiendo que el nombre de devolución de llamada que envió al servidor remoto fue foo, el servidor tendrá que responder con algo como:

foo("<names><name>..</name></names>") 

Creo que si estuviera utilizando un navegador que admite E4X, entonces no habría necesidad de envuelve el XML dentro de una cadena. El servidor podría simplemente devolver el XML como argumento a la función de devolución de llamada:

foo(
    <names> 
    <name>John Doe</name> 
    </names> 
) 

Pero, por desgracia, E4X no está apoyado ampliamente todavía.

Answer 3

Puede escribir XML en la función Javascript dentro de /* comment */ y convertir esta función en texto con el método functionname.toString() y análisis de texto entre "/*" y "*/" con función JSONP 's de devolución de llamada, que funciona en todos los navegadores antiguos. Ejemplo xml_via_jsonp.js:

function myfunc() 
{/* 
<xml> 
<div class="container"> 
     <div class="panel panel-info col-lg-10 col-lg-offset-1 added-panel"> 
      <div class="panel-heading">Random1 - Random2</div> 
      <div class="panel-body"> 
       <div>Random3</div> 
      </div> 
     </div> 
    </div> 
</xml> 
*/} 

function callback(func) 
{ 
var myhtml = func.toString(); 
var htmlstart = myhtml.indexOf('/*'); 
var htmlend = myhtml.lastIndexOf('*/'); 
return myhtml.substr(htmlstart+2, htmlend-htmlstart-2); 
}