아래와 같이 불러온 form에 속성을 추가해보자.
$.get('action될 url', function(){
[
$(".contentsFormInclude").html($(data).find("form[name='contentsform']"));
}).fail(function(xhr, status, error) {
console.error("Error:", error);
});
https://standout.tistory.com/797
.attr()로 추가후 원하는방향으로 function을 따로 작성한다, 아래 handleFormSubmit는 예시
$("form[name='contentsform']").attr("onsubmit", "return handleFormSubmit(this);");
function handleFormSubmit(form) {
$.post("index.php", $(form).serialize())
.done(function(response) {
alert("수정이 성공적으로 반영되었습니다.");
window.location.reload();
})
.fail(function(xhr, status, error) {
console.error("Error:", error);
alert("수정 반영에 실패했습니다. 다시 시도해주세요.");
});
return false;
}
전체코드
$.get('action될 url', function(){
[
$(".contentsFormInclude").html($(data).find("form[name='contentsform']"));
$("form[name='contentsform']").attr("onsubmit", "return handleFormSubmit(this);");
}).fail(function(xhr, status, error) {
console.error("Error:", error);
});
function handleFormSubmit(form) {
$.post("/ams/amsolution/index.php", $(form).serialize())
.done(function(response) {
alert("수정이 성공적으로 반영되었습니다.");
window.location.reload();
})
.fail(function(xhr, status, error) {
console.error("Error:", error);
alert("수정 반영에 실패했습니다. 다시 시도해주세요.");
});
return false;
}
'JavaScript' 카테고리의 다른 글
button 클릭시 페이지가 새로고침될때, preventDefault() (0) | 2023.08.29 |
---|---|
checkbox value가 submit되지않을때 (0) | 2023.08.07 |
AJAX, 특정영역만 불러오기 (0) | 2023.07.18 |
AJAX, <script> 코드 추가하기 (0) | 2023.07.18 |
AJAX, style.css 추가하기 (0) | 2023.07.18 |