버튼 의 Ajax 요청 시 제출 한 해결 방법 을 한 번 에 두 번 클릭 합 니 다.

페이지 의 단추 type 은 submit 입 니 다.
ajax 의 요청,JQuery 에 서 는:

$(function () {
$('#submit').click(function () {
var createGenreForm = $('#createGenreForm');
if (createGenreForm.valid()) {
var obj = {
Name: $('#Name').val(),
Description: $('#Description').val()
};
var jsonSerialized = JSON.stringify(obj);
$.ajax({
type: "POST",
url: createGenreForm.attr('action'),
dataType: "json",
contentType: "application/json; charset=utf-8",
data: jsonSerialized,
success: function (result) {
alert(result.Message);
},
error: function (error) {
alert("There was an error posting the data to the server: " + error.responseText);
}
});
}
});
});
두 번 의 제출 이 발생 한 이 유 는 ajax 요청 을 수행 한 후에 submit 의 행 위 를 막 지 않 았 기 때문에 해결 방법 은 두 가지 가 있 습 니 다.
1.type 이 submit 형식의 단 추 를 사용 하지 않 고 type 이 button 인 단 추 를 사용 합 니 다.
2.$('\#submit').click 함수 에 마지막 으로 return false 를 추가 합 니 다.submit 를 막 을 수 있 습 니 다.
한 가지 설명:왜 제목 에 영 어 를 끼 워 넣 어야 합 니까?외국 네티즌 들 이 이 글 을 조회 할 수 있 도록 하기 위해 서다.평소에 구 글 에서 자 료 를 검색 할 때 외국 네티즌 들 의 블 로 그 를 자주 참고 하여 많은 문 제 를 해결 하 는 데 도움 을 주 었 습 니 다.그래서 저 는 그들 에 게 제 가 쓴 내용 을 참고 하 게 하고 싶 습 니 다.물론 글 에서 나 는 전부 영어 로 번역 할 수 없 기 때문에 나 는 가능 한 한 코드 를 다 붙 이 고 코드 로 말 하 겠 다.
위 에서 말씀 드 린 것 은 편집장 님 이 소개 해 드 리 는 버튼 의 Ajax 요청 시 한 번 에 두 번 클릭 하여 제출 하 는 해결 방법 입 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기