Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] enviar foto y otros datos ajax jquery ui

Estas en el tema de enviar foto y otros datos ajax jquery ui en el foro de Jquery en Foros del Web. Hola amigos, intento mandar unos datos junto con una foto por formulario para que los procese el servidor y no me envia nada aunque no ...
  #1 (permalink)  
Antiguo 07/06/2018, 12:53
 
Fecha de Ingreso: agosto-2008
Mensajes: 601
Antigüedad: 10 años, 3 meses
Puntos: 11
enviar foto y otros datos ajax jquery ui

Hola amigos, intento mandar unos datos junto con una foto por formulario para que los procese el servidor y no me envia nada aunque no me da ningún fallo.

dejo código:

Código Javascript:
Ver original
  1. $( "#anadir" ).dialog({
  2.     autoOpen: false,
  3.     resizable: false,
  4.     modal: true,
  5.  
  6.     buttons: {
  7.        
  8.  
  9.         "guardar": function() {
  10.             var file_data = $('#afile').prop('files')[0];  
  11.             var form_data = new FormData();                  
  12.             form_data.append('afile', file_data);
  13.             form_data.append('titulo', $("#atitulo").val());
  14.             form_data.append('director', $("#adirector").val());
  15.             form_data.append('fecha', $("#afecha").val());
  16.             form_data.append('idgenero', $("#agenero").val());
  17.             form_data.append('operacion', "nuevo");
  18.                                  
  19.             $.ajax({
  20.                 url: 'peli.php',
  21.                 dataType: 'html',
  22.                 data: form_data,                        
  23.                 type: 'get',
  24.                 processData:false,
  25.                 cache:false,
  26.                 contentType: false,
  27.                 success: function(data, textStatus, jqXHR){
  28.                     $("#listar").html(data);
  29.                     alert("hola mundoi1");
  30.                 }
  31.              });
  32.      
  33.      
  34.              alert("hola mundoi2");    
  35.         $(this).dialog( "close" );                                             
  36.             },
  37.  
  38.     "Cancelar": function() {
  39.        
  40.             $(this).dialog( "close" );
  41.        
  42.     }
  43.  
  44.  }
  45.  
  46.  
  47.  
  48.    
  49. //accion añadir
  50. });
  51. $(document).on("click","#anadirBoton",function(){
  52.     $("#formularioanadir")[0].reset();
  53. $( "#anadir").dialog("open");
  54. }); //fin añadir pelicula


  #2 (permalink)  
Antiguo 09/06/2018, 15:48
 
Fecha de Ingreso: agosto-2008
Mensajes: 601
Antigüedad: 10 años, 3 meses
Puntos: 11
Respuesta: enviar foto y otros datos ajax jquery ui

Ya lo solucioné. El problema es que para enviar cualquier tipo de archivo debe usarse el metodo post y no el get como yo uso en mi código erroneamente.



La zona horaria es GMT -6. Ahora son las 19:53.