한 번의 클릭으로 Ajax 요청이 여러 번 제출되는 이유는 무엇입니까?

이번에는 클릭 한 번으로 Ajax 요청이 여러 번 제출되는 이유에 대해 알려드리겠습니다. 클릭 한 번으로 여러 번 제출되는 Ajax 요청에 대한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

페이지의 버튼 유형은 submit입니다: JQuery의

ajax 요청은

$(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 요청을 실행한 후 제출의 동작이 차단되지 않았기 때문에 두 가지 해결책이 있습니다.

1. 제출 유형의 버튼을 사용하지 말고 사용하십시오. 유형이 버튼인 버튼입니다.

2. $('#submit').click 함수에 제출을 방지하려면 마지막 줄 return false를 추가하세요.

약간 설명: 왜 제목에 영어를 넣어야 할까요? 그 이유는 해외 네티즌들이 이 글에 질의할 수 있도록 하기 위함이다. 저는 평소 구글에서 정보를 검색할 때 해외 네티즌들의 블로그를 자주 참고해 많은 문제를 해결하는데 도움을 주고 있기 때문에, 제가 쓴 내용도 그들도 참고할 수 있었으면 좋겠습니다. 물론 기사의 모든 내용을 영어로 번역할 수는 없으므로 모든 코드를 붙여넣고 코드 자체가 말하도록 최선을 다합니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

양식을 제출하고 ajax에서 파일 업로드를 구현하는 방법

Ajax 백그라운드 성공으로 업로드된 json 데이터를 처리하는 방법

위 내용은 한 번의 클릭으로 Ajax 요청이 여러 번 제출되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!