javascript - formdata - jquery post file via ajax

¿Hacer una llamada HTTP POST con multipart/form-data usando jQuery?

Question

Estoy tratando de hacer una llamada HTTP POST con multipart / form-data, usando jQuery:

$.ajax({
  url: ''http://localhost:8080/dcs/rest'',
  type: ''POST'',
  contentType:''multipart/form-data'',
  data: ''dcs.source=boss-web&query=data&dcs.algorithm=lingo&dcs.output.format=JSON&dcs.clusters.only=true'', 
  //dataType: "jsonP",
  success: function(jsonData) {alert(''POST alert''); data=jsonData ; },
  error : function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(''An Ajax error was thrown.'');
            console.log(XMLHttpRequest);
            console.log(textStatus);
            console.log(errorThrown);
          }
});

No funciona Firebug devuelve un error no definido y el campo multiparte del objeto XMLHttpRequst devuelto se establece en falso.

¿Qué puedo hacer para que esto funcione con jQuery? Y si no es posible, ¿hay un simple para lograr esto?

Es decir, no es necesario transferir archivos, solo algunos datos. pero el servidor requiere multiparte.

Answer 1

De esta manera funciona:

$( "form#upload-form" )
    .attr( "enctype", "multipart/form-data" )
    .attr( "encoding", "multipart/form-data" );
$.ajax({ 
    type: "POST",
    contentType:attr( "enctype", "multipart/form-data" ),
    url: "/adm/oferta_insert",
    data: dados, 
    success: function( data ) { 
        alert( data );  
    }  
});  

http://www.bennadel.com/blog/1273-Setting-Form-EncType-Dynamically-To-Multipart-Form-Data-In-IE-Internet-Explorer-.htm

Answer 2

Usando FormData (), puedes subir archivos a través de una solicitud ajax.

Consulte este enlace para más información: FormData

Tutorial sobre el uso de FormData: tutorial

Answer 3

multipart/form-data no se ve así:

dcs.source=boss-web&query=data&dcs.algorithm=lingo&dcs.output.format=JSON&dcs.clusters.only=true

Esta es la application/x-www-form-urlencoded .

Aquí hay un example de cómo se ve la solicitud multipart/form-data . Y el relacionado RFC 1867 .

multipart/form-data se asocia a menudo con la carga de archivos. Si este es tu caso, puedes echar un vistazo al complemento de formulario jquery que te permite ajaxify formularios y también admite la carga de archivos .