jquery - 점진적 향상 및 아약스

Question

지금 당장은 양식이 제출되어 모달 형식으로 다른 양식이 검색됩니다. 지금 당장은 example.com/modal/1에 대한 링크가있어 첫 번째 모달을 엽니 다. 그러나 자바 스크립트가 활성화되어 있지 않으면 (브라우저가 실제로 링크를 따라 간다), 일부 html 디스플레이 (검색 될 html)가 표시됩니다. 이 스타일을 스타일화할 수 있기를 원하며 스타일 시트와 전체 HTML 페이지 전체를 만들어야한다고 생각합니다. 그러나 여기 궁금한 것이 있습니다.

jquery의 load()을 사용하면 '#form'과 같은 요소 ID는 요청이 되돌아 오는 것을 구문 분석하고 #form 요소 만 사용합니다. 나는 그런 것을 사용할 수 있기를 원하지만, post() 기능을 사용하고 있습니다.

어떻게해야합니까?

Answer 1

두 번째 (data) 매개 변수로 객체 (키/값 쌍)를 $.load에 전달하면 POST 요청을 수행합니다. 발 manual :

포스트 방법은 데이터 목적으로 제공되는 경우 사용

; 그렇지 않으면 GET 으로 간주됩니다.

Answer 2

나는 당신이하려는 일에 대해 비슷한 질문을했습니다. 내 솔루션은 .load를 사용하는 것이었지만 jQuery가 DOM에 삽입하지 않으려는 내용을 구문 분석해야하기 때문에 가장 우아하지 않습니다.

내 해결 방법은 $ .ajax 또는 $ .post를 사용하고 변수를 ajax = true로 설정하고 서버 측에서는 ajax = ''(정의되지 않음) 인 경우 머리말과 꼬리말을 포장하고 echo합니다. 아웃 바운드 머리글 및 바닥 글, 그렇지 않으면 ajax = true이면 PHP는 머리글과 바닥 글을 보내지 않으며 클라이언트에서 필요한 DOM 요소 만 보내는 대역폭 만 저장합니다.

이것이 앱에서 작동하는지 알려주세요. 그렇지 않은 경우 $ .post를 사용하여 응답을 구문 분석하는 방법을 찾아 보겠습니다.