JQuery에서 양식 제출-이벤트 핸들러를 사용할 때 양식에 조치 매개 변수를 제공하는 이유

마누 차다

JQuery에서 양식 제출을 처리하기 위해 다음 코드를 작성했습니다.

$('#registration-form').on('submit',function(e){
    e.preventDefault();
    var details = $('#registration-form').serialise();
    $.post('/newreg',details,function(data){});
});

다음과 같이 HTML 양식을 선언하면 위 코드가 작동하는 것을 알 수 있습니다.

<form id="registration-form" action="/newreg" method="post">

하지만 폼 태그에 액션과 방법을 제공하지 않으면 작동하지 않습니다.

<form id="registration-form">

JQuery에서 양식에 대한 이벤트 처리기, 작업 및 메서드를 이미 언급하지 않았습니까? HTML 양식 태그에서 같은 것을 다시 언급하는 것이 중복되지 않습니까?

쿠엔틴

JQuery에서 양식에 대한 이벤트 처리기, 작업 및 메서드를 이미 언급하지 않았습니까?

당신은 가지고 있지만 JavaScript로 읽을 수 있고 더 일반적인 기능을 가질 수 있습니다.

$.ajax({
    url: this.action,
    method: this.method,
    data: $(this).serialize()
}).done(function (data, textStatus, jqXHR) { });

HTML 양식 태그에서 같은 것을 다시 언급하는 것이 중복되지 않습니까?

예,하지만 반드시 나쁜 것은 아닙니다.

사전 참조 :

(구성 요소의) 엔지니어링은 기능에 꼭 필요한 것은 아니지만 다른 구성 요소에서 오류가 발생한 경우 포함됩니다.

고품질의 강력한 코드를 작성하는 경우 시스템에 중복성을 갖는 것이 바람직합니다. Javascript는 실패 하므로 에 잘 띄지 않는 방식으로 작성하는 것이 가장 좋습니다.

(여기서 중요한 부분은 JS에서 값이 복제되는 것이 아니라 올바르게 연결된 양식입니다. 중복을 피하는 방법은 답변 상단을 참조하십시오).

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관