Usando JQuery / AJAX para completar un menú desplegable con archivo XML.

Tengo un menú desplegable que necesito completar de un archivo XML. Aquí está el script que estoy tratando de usar:

$(document).ready(function(){ // load jQuery 1.5 function loadfail(){ alert("Error: Failed to read file!"); } function parse(document){ $(document).find("menuItem").each(function(){ var optionLabel = $(this).find('text').text(); var optionValue = $(this).find('value').text(); $('.opening').append( '' + optionLabel + '' ); }); } $.ajax({ url: 'http://ourwebserver/Online%20App/jobTitles.xml', // name of file with our data - link has been renamed dataType: 'xml', // type of file we will be reading success: parse, // name of function to call when done reading file error: loadfail // name of function to call when failed to read }); }); 

Aquí hay una muestra del archivo xml:

   612 CLERK-CMH HOS HIM   1632 FAM PRACT-CMH CLN Southside Medical  

Y aquí está el código html que contiene el menú desplegable que bash llenar:

  Position(s) Desired   

No recibo un mensaje de error, pero tampoco estoy obteniendo datos para completar en el menú.

También probé el código / solución en este enlace: llenando un menú desplegable con un archivo xml y tuve un resultado similar, sin errores, pero sin datos.

Gracias de antemano por tu ayuda.

Está utilizando un selector de clase ( .opening ) en lugar de la identificación ( #opening ) para encontrar el elemento . Usar $('#opening') en su función de parse debería funcionar como se esperaba.

Creo que estás llamando a la función incorrecta en tu exitosa callback.

success: parse,

Debería ser algo como esto

success: function(){parse(data);},

Pero podría estar equivocado ya que no tengo mucha experiencia aquí.

Verifique qué document realmente está configurado en su análisis. Podría estar chocando con el document HTML.

 function parse(document){ console.log(document) $(document).find("menuItem").each(function(){ 

jQuery docs es tu mejor amigo, http://api.jquery.com/jQuery.ajax/