>웹 프론트엔드 >JS 튜토리얼 >jQuery는 제어 노드를 사용하여 get method_jquery를 통해 포그라운드에서만 매개변수 전송을 완료합니다.

jQuery는 제어 노드를 사용하여 get method_jquery를 통해 포그라운드에서만 매개변수 전송을 완료합니다.

WBOY
WBOY원래의
2016-05-16 16:16:191082검색

이 기사의 예에서는 jQuery가 제어 노드를 사용하여 get 메소드를 통해 포그라운드에서만 매개변수 전송을 완료하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이것은 HTML DOM의 내용이기도 합니다. javascript, jquery와 같은 프론트엔드 스크립팅 언어의 핵심은 각 노드를 제어하고 이러한 방식으로만 각 노드를 추가, 삭제, 수정 및 확인하는 것입니다. 우리는 javascript와 jquery와 같은 프론트엔드 스크립트를 진정으로 최대한 활용할 수 있을까요?

Javascript 제어 노드, 저자는 이전 [웹 페이지 노드 추가, 삭제, 수정 및 확인을 위한 JavaScript 사용 예]에서 소개했지만 이제는 고급 JavaScript 스크립트 언어인 jquery를 통해 제어됩니다. .node를 기반으로 하며, 이를 기반으로 서로 다른 웹 페이지 간에 매개변수를 전송하는 데 사용됩니다. 매개변수 전송은 포그라운드에서 get 메소드를 통해서만 완료되며, jsp 및 asp가 필요하지 않습니다. 매개변수를 얻기 위해 일부 요청 및 기타 서버 언어를 작성합니다.

1. 기본 목표

웹 페이지에는 검은색 div-red div-blue p 아래에 스팬 노드가 있습니다. 클릭하면 그 위에 있는 노드의 ID를 각각 가져옵니다

하이퍼링크 노드를 추가하려면 추가 버튼을 클릭하세요. 각 하이퍼링크에는 중국어 매개변수 Hello 1, Hello 2, Hello 3...이 있으며, 스크롤 막대는 노드가 증가함에 따라 자동으로 jqrec 전송 방향으로 스크롤됩니다. 매개변수, jqrec.html 페이지에서 이 중국어 매개변수를 얻을 수 있습니다

ul 아래의 모든 노드를 지우려면 지우기 버튼을 클릭하세요

2. 제작과정

jqrec.html의 전체 코드는 다음과 같습니다. 사용된 함수에는 URL 주소 분석을 위한 정규 표현식이 포함되어 있으므로 자세히 설명할 필요가 없습니다. 실제로 작동하는 유일한 코드는 $("#rec").text(unescape(getUrlParam("text")));
입니다.

코드 복사 코드는 다음과 같습니다.

jqrec

클릭한 링크는 다음과 같습니다. 이는 브라우저의 get 메소드를 통해 전달됩니다. 텍스트 매개변수는 똑같습니다~



텍스트에 전달된 매개변수는 중국어이므로 결과를 디코딩해야 합니다~



jqsend.html로 돌아가서 다시 시도하세요~


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.