Formulaire Ajax Serialize() pour sérialiser les fichiers à télécharger

Cet article présente principalement les informations ajax liées au formulaire Ajax serialize() pour sérialiser les fichiers téléchargés. Les amis intéressés par ajax peuvent se référer à

Soumis via le formulaire traditionnel Méthode de téléchargement. fichiers

<form id="uploadForm" action="" method="post" enctype="multipart/form-data"> 
   <p>上传文件：<input type ="file" name="file"/></p> 
   <input type="submit" value="上传"/> 
</form>

Cependant, la soumission de formulaire traditionnel entraînera l'actualisation de la page, mais dans certains cas, nous ne Je ne veux pas que la page soit actualisée. Dans ce cas, nous utilisons Ajax pour faire des requêtes.

Utilisez serialize() pour sérialiser et soumettre le formulaire

$.ajax({ 
   url: "", 
   type: "POST", 
   data: $('#uploadForm').serialize(), 
   success: function(data) {   
   }, 
   error: function(data) {
   } 
});

Comme ci-dessus, le formulaire peut être sérialisé via $('#uploadForm').serialize(), transmettant ainsi tous les paramètres du formulaire au serveur.

Cependant, dans la méthode ci-dessus, seuls les paramètres généraux peuvent être transmis et le flux du fichier téléchargé ne peut pas être sérialisé et transmis. Cependant, les navigateurs grand public commencent désormais à prendre en charge un objet appelé FormData. Avec cet objet, vous pouvez facilement télécharger des fichiers en utilisant Ajax.

Utilisez FormData pour effectuer des requêtes Ajax et télécharger des fichiers

<form id="uploadForm"> 
   <p>上传文件：<input type="file" name="file" /></p> 
   <input type="button" value="上传" onclick="upload()" /> 
</form>
function upload() { 
   var formData = new FormData($("#uploadForm")[0]); 
   $.ajax({ 
     url: &#39;&#39;, 
     type: &#39;POST&#39;, 
     data: formData, 
     async: false, 
     cache: false, 
     contentType: false, 
     processData: false, 
     success: function(data) {
     }, 
     error: function(data) {   
     } 
   }); 
}

Comme mentionné ci-dessus Il s'agit du formulaire Ajax Serialize() introduit par l'éditeur pour sérialiser les fichiers à télécharger. J'espère qu'il vous sera utile ! !

Recommandations associées :

Exemple de méthode d'Ajax manuscrit pour obtenir un rafraîchissement asynchrone

Exemple pour expliquer les connaissances de base de HTTP messages et ajax

Exemple d'analyse de la technologie de requête asynchrone Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!