jquery ajax 는 구체 적 인 사고 와 코드 를 대량으로 삭제 합 니 다.

2512 단어 ajax일괄 삭제
js 페이지 jquery 코드:
 
// JavaScript Document
$(document).ready(function() {
//
$("#allChk").click(function() {
$("input[name='subChk']").prop("checked",this.checked);
});
//
var subChk = $("input[name='subChk']")
subChk.click(function() {
$("#allChk").prop("checked", subChk.length == subChk.filter(":checked").length ? true:false);
});
/* */
$("#del_model").click(function() {
//
var checkedNum = $("input[name='subChk']:checked").length;
if(checkedNum == 0) {
alert(" !");
return;
}
//
if(confirm(" ?")) {
var checkedList = new Array();
$("input[name='subChk']:checked").each(function() {
checkedList.push($(this).val());
});
$.ajax({
type: "POST",
url: "deletemore",
data: {'delitems':checkedList.toString()},
 success: function(result) {
$("[name ='subChk']:checkbox").attr("checked", false);
window.location.reload();
}
});
}
});
});

<a href="#" id="del_model"><span> </span>
<th class="tal"><input type="checkbox" id="allChk"/> </th>
<td><input type="checkbox" name="subChk" value="${user.id}"/></td>
리 셋 함수,요청 완료 후 진행 해 야 할 작업:선택 한 checkbox 를 제거 합 니 다(freemarker 의 list 순환 을 사 용 했 기 때문에 데 이 터 를 제거 한 후 checkbox 번호 가 바 뀌 었 고 알 수 없 는 checkbox 가 선택 되 었 습 니 다.제거 해 야 합 니 다)
 
success: function(result) {
$("[name = 'items']:checkbox").attr("checked", false);
window.location.reload();
}
자바 배경 코드:
 
@RequestMapping(value = "/deletemore", method = RequestMethod.POST)
public String deleteMore(HttpServletRequest request, HttpServletResponse response) {
String items = request.getParameter("delitems");
String[] item = items.split(",");
for (int i = 0; i < item.length; i++) {
userService.delete(Integer.parseInt(item[i]));
}
return "redirect:list";
}
효과 그림:

좋은 웹페이지 즐겨찾기