Javascript Girl
  1. Javascript Girl
  3. FormData append un élément en ordre
Intereting Posts
RegEx pour le numéro de téléphone en JavaScript Changer le cas en minuscules dans la zone de texte JS Une expression régulière qui correspond à une chaîne arbitraire (fournie par l'utilisateur) Comment savoir quand la page est prête sans utiliser jQuery (façon alternative)? Bouton HTML pour enregistrer le contenu div en utilisant javascript Impossible d'imprimer un iframe sur IE en utilisant JavaScript, imprime la page parent à la place Afficheur de l'emplacement du lien HTML – overRide statusbar Comment télécharger un fichier avec Node.js (sans utiliser de bibliothèques tierces)? Télécharger, traiter, stocker et fournir des fichiers et des images fournis par l'utilisateur Sémaphore Javascript / test-and-set / lock? JQuery Maçonnerie de bas en haut JQuery Animate () et BackgroundColor Comment vérifier si une entrée est désactivée avec JavaScript dans Selenium Séparez les fichiers Angular2 TypeScript et les fichiers JavaScript dans différents dossiers, peut-être 'dist' La fonction Javascript getJSON ne récupère pas les résultats complets

FormData append un élément en ordre

 
public List<Region> Regions { get; set; }

Dans le modèle appelé News.An Region Model is 

 public class Region { public int Id { get; set; } public string Name { get; set; } public static Region Parse(DataRow row) { return new Region { Id = Database.GetInteger(row["Id"]), Name = Database.GetString(row["Region"]), }; } }

En Javascript J'utilise la méthode de publication AJAX avec formdata. Je souhaite définir cette région. 

 var regionList = []; if (selected === "region") { if (region.length <= 0) { toastr.warning('Lütfen en az bir bölge seçin !!!'); return; } for (var i = 0; i < region.length; i++) { var item = { Id: region[i] } regionList.push(item); } console.log(regionList); formData.append("Regions", regionList); }

Le code ci-dessus dans JS, j'ai écrit comme ça pour le configurer 

  public ActionResult AddByRegion(News item) { int refPortal = SessionRepository.GetPortalId(); if(refPortal!=1) return View("List", NewsRepository.ListAll(SessionRepository.GetPortalId())); if (item == null || string.IsNullOrEmpty(item.Title) || string.IsNullOrEmpty(item.Content) ) return Content(Serialization.JsonSerialize(new { Status = 400 })); return Content(Serialization.JsonSerialize(new { Status = 200, Result = NewsRepository.AddByRegion(item) })); }

Et le code ci-dessus, je vais entrer dans le contrôleur. Mais il retourne toujours 0 record bien qu'au moins j'ai choisis deux régions. 

  $.ajax({ type: 'POST', url: '@Url.Action("AddByRegion", "News")', data: formData, contentType: false, processData: false, success: function(data) { var result = JSON.parse(data); if (result.Result === "SUCCEED") { toastr.success('@Resources.Resource.Success_MediaAdd'); window.location.reload(); return; } else { toastr.error('@Resources.Resource.Error_Unexpected'); return; } }, error: function(error) { toastr.error('@Resources.Resource.Error_Unexpected'); return; }, beforeSend: function() { waitingDialog.show('Wait...'); }, complete: function() { waitingDialog.hide(); } });

Ma méthode Ajax est ci-dessus. Où est-ce que je fais une erreur?

Merci d'avance.

Si vous utilisez FormData pour envoyer les données, vous devez: .append() chaque nom / valeur individuel dans FormData . Comme il s'agit d'une collection, vous devez inclure l'indexateur de collecte (qui doit être basé sur zéro et consécutif), par exemple 

 formData.append("Regions[0].Id", someValue); formData.append("Regions[0].Name", someValue); formData.append("Regions[1].Id", someValue); formData.append("Regions[1].Name", someValue);

Puisque vous faites cela en boucle, vous pouvez utiliser 

 for (var i = 0; i < region.length; i++) { formData.append("Regions[" + i + "].Id", region[i]) } 
  var regionList = []; for (var i = 0; i < region.length; i++) { var item = { Id: region[i].Id, Name : region[i].Name, } regionList.push(item); } regionList = JSON.stringify({ "item": regionList });//Here "item" name should match the parameter name in your Action method name in controller (item in your case.)

Ensuite, passez l'objet regionList à $ .ajax en tant que données. 

  $.ajax({ type: 'POST', url: '@Url.Action("AddByRegion", "News")', data: regionList, contentType: false, processData: false, .... });