jQuery.form.js의 자세한 사용 사례 공유

문제 발생: 양식이 제출된 후 백엔드에서 프롬프트 메시지를 반환합니다. 그러나 기본 HTML은 백엔드에서 반환된 데이터를 얻을 수 없기 때문에 제출 후 페이지가 점프하고 백엔드에서 반환된 json 데이터가 빈 페이지에 표시되며 사용자 경험이 0점인 상황이 발생합니다. 이 기사에서는 모든 사람에게 도움이 되기를 바라며 주로 jQuery.form.js의 사용법을 공유합니다.

해결책: jquery.form.js 사용

Steps

컨트롤 제출 기능 맞춤화

var submitChange=function () {
    $("form").ajaxSubmit(function (message) {
      alert(message.text);
      window.location.href="/index" rel="external nofollow" ;
    });
    return false;
  }
  //这个函数一是处理了后端返回的数据，二是返回了一个false，阻断了原生submit事件的发生。

폼 변형(onsubmit 이벤트 추가, 맞춤 처리 기능 반환)

<form action="/do" onsubmit="return submitChange();">
</form>

마지막으로

Js 파일 가져오기에 주의하세요. !

예:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.1/jquery.form.min.js" integrity="sha384-tIwI8+qJdZBtYYCKwRkjxBGQVZS3gGozr3CtI+5JF/oL1JmPEHzCEnIKbDbLTCer" crossorigin="anonymous"></script>

관련 권장 사항:

jquery DataTable 프런트엔드 및 백엔드 동적 페이징 구현 방법 공유

jquery 단일 파일 로드 vue 구성 요소 방법 공유

jquery 텍스트 콘텐츠를 클릭하면 확대되고 중앙에 배치됩니다. 예시 공유

위 내용은 jQuery.form.js의 자세한 사용 사례 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!