Maison > Article > interface Web > Comment supprimer des informations en javascript
Comment supprimer des informations en JavaScript : ajoutez d'abord un champ devant chaque élément de données ; puis cliquez sur le bouton de suppression par lots pour accéder à la méthode batchDelete() et enfin créer le code de traitement en arrière-plan.
L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.
Comment supprimer des informations en utilisant JavaScript ?
Suppression par lots JS + Ajax des informations sur les données
La suppression par lots des informations sur les données est devenue une exigence fonctionnelle très courante. Voici un petit exemple de JS + Ajax soumis en arrière-plan pour la suppression des données :
Tout d'abord, dans. chaque élément Ajoutez un champ devant les données pour afficher la case à cocher. Le code est le suivant :
<input type="checkbox" name="userCheck" value="${user.id}" />
Cliquez sur le bouton de suppression par lots pour passer à la méthode batchDelete() : le code est le suivant :
function batchDelete(){ //判断至少选择了一项 var checkedNum = $("input[name='userCheck']:checked").length; if (checkedNum == 0) { alert("至少选择一项删除!"); return; } if (confirm("确定删除选中的用户?")) { var userList = new Array(); $("input[name='userCheck']:checked").each(function(){ userList.push($(this).val()); }); $.ajax({ type : "post", url : "<%=request.getContextPath() %>/user/batchDelete", data : {userList : userList.toString()}, success : function(){ alert("删除成功!"); location.reload(); }, error : function(){ alert("刪除失败!") } }); } }
Le fond. Le code de traitement Java est le suivant :
@RequestMapping(value="/batchDelete") public String batchDelete(String userList){ String[] strs = userList.split(","); for (int i = 0; i < strs.length; i++) { userService.delete(Integer.parseInt(strs[i])); } return "redirect:/user/users"; }
Apprentissage recommandé : "Tutoriel avancé javascript"
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!