2017-12-23 3 views
0
나는 기본 방법은 전체 페이지 등을 새로 고침처럼 동작하는 방식을 변경하려면 다른 post 방법 form submitting의 기본 post 방법을 변경하려면

... 그 체크 이벤트를 제출하기위한다른 POST 메서드를 사용하여 "POST"메서드를 제출하는 기본 폼을 재정의 할 수 있습니까?

+0

은 무엇을 달성하고자합니까? 귀하의 질문에 꽤 불분명 ... 좀 구체적인 HTML/JS 예제와 함께 그것에 더 많은 세부 정보를 추가 할 수 있습니까? – nemesv

+0

예, 양식을 제출하는 대신 AJAX를 사용할 때처럼 항상 수행됩니다. 기본 제출을 막으려면'event.preventDefault()'를 사용하십시오. – Barmar

답변

0

당신은 글로벌 이벤트 리스너를 바인딩 할 수 있습니다 그 메소드가 불려 간 형태의 메소드. POST 제출 인 경우 기본 동작을 방지하고 다른 작업을 수행 할 수 있습니다.

addEventListener("submit", (evt) => { 
 
    if (evt.target.method.toLowerCase() === "post") { 
 
    evt.preventDefault(); 
 
    alert("Do something else now"); 
 
    } 
 
});
<form method="post"> 
 
    <button>Submit</button> 
 
</form>

+0

AJAX를 이해하지만이 경우 두 포스트 메서드의 차이점을 개념적으로'AJAX'와'default form submit'이라고 할 수 있습니다. AJAX 호출이 페이지를 새로 고치지 않는 이유는 다른 포스트 메서드 구현 또는 다르게 취급되는 동일한 후행 방법입니까? – Jahnson

+0

POST 요청은 헤더에 POST 메서드가있는 HTTP 요청입니다. method = POST, XMLHttpRequest 객체와 함께 JavaScript를 사용하거나 커맨드 라인에서'curl'을 사용하거나, Postman과 같은 개발자 앱에서 POST를 사용하여 POST 요청을 생성 할 수 있습니다. "Ajax"는 "페이지를 떠날 때까지 JavaScript를 사용하여 HTTP 요청하기"를 의미하는 전문 용어입니다. – Quentin

관련 문제