Comment soumettre un formulaire en jquery

jQuery est une puissante bibliothèque JavaScript qui fournit une série de syntaxes et de méthodes qui simplifient l'écriture de code JavaScript et la manipulation du DOM. Dans le développement Web, les formulaires sont un composant très important et jQuery peut grandement simplifier le processus d'exploitation des formulaires. Cet article explique comment soumettre un formulaire à l'aide de jQuery.

1. Utilisez la méthode .serialize() de jQuery

La méthode serialize() de jQuery peut sérialiser la valeur de l'élément de formulaire dans une chaîne. Avant que le formulaire ne soit soumis, vous pouvez utiliser cette méthode pour sérialiser les données du formulaire au format JSON, puis utiliser la méthode ajax() de jQuery pour soumettre les données du formulaire.

La méthode spécifique est la suivante :

// 监听表单提交事件
$( "form" ).submit(function( event ) {
  // 阻止表单默认提交行为
  event.preventDefault();
 
  // 将表单数据序列化
  var data = $( this ).serialize();
 
  // 使用ajax提交表单数据
  $.ajax({
    type: "POST",
    url: "yoururl.php",
    data: data,
    success: function() {
      alert( "提交成功！" );
    },
    error: function() {
      alert( "提交失败！" );
    }
  });
});

2. Utilisez la méthode submit() de jQuery

La méthode submit() de jQuery peut soumettre le formulaire directement sans le déclencher via un bouton.

La méthode spécifique est la suivante :

// 监听表单提交事件
$( "form" ).submit(function( event ) {
  // 阻止表单默认提交行为
  event.preventDefault();
 
  // 使用jQuery的submit()方法提交表单
  $( this ).submit();
});

3. Utilisez la méthode ajaxForm() de jQuery

La méthode ajaxForm() de jQuery peut sérialiser les données du formulaire au format JSON et soumettre le formulaire de manière asynchrone. Cette méthode est construite sur le plugin jQuery Form.

Les méthodes spécifiques sont les suivantes :

// 监听表单提交事件
$( "form" ).submit(function( event ) {
  // 阻止表单默认提交行为
  event.preventDefault();
 
  // 使用jQuery的ajaxForm()方法提交表单
  $( this ).ajaxForm({
    url: "yoururl.php",
    type: "POST",
    dataType: "json",
    success: function() {
      alert( "提交成功！" );
    },
    error: function() {
      alert( "提交失败！" );
    }
  });
});

Résumé :

Les trois méthodes ci-dessus peuvent utiliser jQuery pour soumettre des formulaires, mais chacune a ses propres avantages et inconvénients. Utilisez la méthode serialize() pour sérialiser les données du formulaire plus simplement et utilisez la méthode ajax() pour soumettre les données du formulaire de manière asynchrone. Utilisez la méthode submit() pour soumettre le formulaire directement sans le déclencher via un bouton. La méthode ajaxForm() peut être utilisée pour sérialiser les données du formulaire au format JSON, soumettre le formulaire de manière asynchrone et spécifier des paramètres tels que le type de données pour la soumission du formulaire.

En général, il est préférable de choisir la méthode appropriée pour soumettre le formulaire en fonction des besoins réels.

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!