>  기사  >  웹 프론트엔드  >  URL 매개변수_javascript 기술을 얻기 위한 Js Jq 중앙 집중식 메서드 샘플 코드

URL 매개변수_javascript 기술을 얻기 위한 Js Jq 중앙 집중식 메서드 샘플 코드

WBOY
WBOY원래의
2016-05-16 16:47:381399검색

JQ 값 방법:

jquery 자체에는 URL 매개변수를 얻는 방법이 없지만, 이미 플러그인이 있고, URL 및 기타 매개변수를 직접 얻을 수 있습니다.
플러그인 연결 홈페이지: https //github.com/allmarkedup/ jQuery-URL-Parser
다운로드 링크: http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

사용 예
현재 페이지의 URL 사용(이 예의 경우 https://mysite.com/information/about/index.html?itemID=2&user=dave):

// 프로토콜 가져오기
jQuery .url.attr("protocol") // 'http'를 반환합니다.

// 경로를 가져옵니다.
jQuery.url.attr("path") // '/information/about/index.php'를 반환합니다. html'


// 호스트 가져오기
jQuery.url.attr("host") // 'mysite.com' 반환

// 호스트 값 가져오기 itemID 쿼리 매개변수
jQuery.url .param("itemID") // 2를 반환합니다.

// URL 경로에서 두 번째 세그먼트를 가져옵니다.
jQuery.url.segment(2) // 반환합니다. 'about'
현재 페이지에 다른 URL 사용:

// 다른 URL을 설정하고 앵커 문자열을 반환합니다.
jQuery.url.setUrl("http://allmarkedup.com/ Category/javascript/#footer").attr("anchor") // 'footer' 반환

JS 기본 획득:

가장 독창적인 JS 메서드:

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

var URLParams = new Array()
var aParams = document. location.search.substr(1).split(' &');
for (i=0; i < aParams.length ; i ){
var aParam = aParams[i].split('= ');
URLParams[aParam[0] ] = aParam[1];
}

다음과 같이 호출하세요.

http://127.0.0.1/ index.php?name=name1&cid=123
/ /전달된 이름 매개변수 가져오기
name=URLParams["name"]

document.write(name)//Get 전달된 cid

cid= URLParams["cid"];

정기 분석 방법:

방법 1:

코드 복사 코드는 다음과 같습니다.
function getQueryString(name) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$ )", "i")
var r = window.location.search.substr(1).match(reg)
if (r != null) return unescape(r[2]); return null;


은 다음과 같이 호출됩니다.


alert(GetQueryString("매개변수 이름 1"))

alert(GetQueryString( "매개변수 이름 2"));

alert(GetQueryString(" 매개변수 이름 3"))


방법 2:





다음과 같이 호출하세요.


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