ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੇ ਨਾਲ ਯੂਆਰਐਲ ਪੈਰਾਮੀਟਰ ਪ੍ਰਾਪਤ ਕਰੋ

ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ ਸਾਡੇ ਸਾਧਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੇ ਨਾਲ ਯੂਆਰਐਲ ਪੈਰਾਮੀਟਰ ਪ੍ਰਾਪਤ ਕਰੋ

ਯੂਆਰਐਲ ਪੈਰਾਮੀਟਰਸ (ਜਿਨ੍ਹਾਂ ਨੂੰ ਕਿeryਰੀ ਸਟਰਿੰਗ ਪੈਰਾਮੀਟਰ ਜਾਂ ਯੂਆਰਐਲ ਵੇਰੀਏਬਲ ਵੀ ਕਿਹਾ ਜਾਂਦਾ ਹੈ) ਦੀ ਵਰਤੋਂ ਪੰਨੇ ਤੋਂ ਦੂਜੇ ਪੰਨੇ, ਜਾਂ ਕਲਾਇੰਟ ਤੋਂ ਸਰਵਰ ਨੂੰ ਇੱਕ ਯੂਆਰਐਲ ਰਾਹੀਂ ਡਾਟਾ ਦੀ ਛੋਟੀ ਮਾਤਰਾ ਭੇਜਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ. ਉਹਨਾਂ ਵਿੱਚ ਹਰ ਪ੍ਰਕਾਰ ਦੀ ਉਪਯੋਗੀ ਜਾਣਕਾਰੀ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਖੋਜ ਪ੍ਰਸ਼ਨ, ਲਿੰਕ ਰੈਫਰਲ, ਉਤਪਾਦ ਜਾਣਕਾਰੀ, ਉਪਭੋਗਤਾ ਤਰਜੀਹਾਂ ਅਤੇ ਹੋਰ.

ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂਗੇ ਕਿ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ ਯੂਆਰਐਲ ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ ਪਾਰਸ ਅਤੇ ਹੇਰਾਫੇਰੀ ਕਿਵੇਂ ਕਰਨੀ ਹੈ.

ਇਹ ਲੇਖ ਪ੍ਰਸੰਗਿਕਤਾ ਅਤੇ ਸ਼ੁੱਧਤਾ ਲਈ 2020 ਵਿੱਚ ਅਪਡੇਟ ਕੀਤਾ ਗਿਆ ਸੀ.



ਇੱਕ URL ਪੈਰਾਮੀਟਰ ਪ੍ਰਾਪਤ ਕਰਨਾ

ਆਧੁਨਿਕ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ, ਇਹ ਬਹੁਤ ਸੌਖਾ ਹੋ ਗਿਆ ਹੈ, ਧੰਨਵਾਦ URLSearchParams ਇੰਟਰਫੇਸ . ਇਹ ਯੂਆਰਐਲ ਦੀ ਪੁੱਛਗਿੱਛ ਸਤਰ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਉਪਯੋਗਤਾ ਵਿਧੀਆਂ ਦੇ ਇੱਕ ਮੇਜ਼ਬਾਨ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਦਾ ਹੈ.

ਇਹ ਮੰਨ ਕੇ ਕਿ ਸਾਡਾ URL ਹੈ | _+_ |, ਅਸੀਂ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਪੁੱਛਗਿੱਛ ਸਤਰ ਨੂੰ ਫੜ ਸਕਦੇ ਹਾਂ:

aol ਮੇਲ ਪਾਸਵਰਡ ਬਦਲੋ
https://example.com/?product=shirt&color=blue&newuser&size=m

ਫਿਰ ਅਸੀਂ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਪੁੱਛਗਿੱਛ ਸਤਰ ਦੇ ਮਾਪਦੰਡਾਂ ਨੂੰ ਪਾਰਸ ਕਰ ਸਕਦੇ ਹਾਂ:

window.location.search

ਫਿਰ ਅਸੀਂ ਨਤੀਜੇ ਤੇ ਇਸਦੇ ਕਿਸੇ ਵੀ methodsੰਗ ਨੂੰ ਕਾਲ ਕਰਦੇ ਹਾਂ.

ਉਦਾਹਰਣ ਦੇ ਲਈ, | _+_ | ਦਿੱਤੇ ਗਏ ਖੋਜ ਪੈਰਾਮੀਟਰ ਨਾਲ ਜੁੜਿਆ ਪਹਿਲਾ ਮੁੱਲ ਵਾਪਸ ਕਰ ਦੇਵੇਗਾ:

const queryString = window.location.search; console.log(queryString); // ?product=shirt&color=blue&newuser&size=m

ਹੋਰ ਉਪਯੋਗੀ ੰਗ

ਇੱਕ ਪੈਰਾਮੀਟਰ ਦੀ ਮੌਜੂਦਗੀ ਦੀ ਜਾਂਚ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ

ਤੁਸੀਂ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਇਹ ਵੇਖਣ ਲਈ ਕਿ ਕੀ ਕੋਈ ਖਾਸ ਪੈਰਾਮੀਟਰ ਮੌਜੂਦ ਹੈ:

URLSearchParams

ਪੈਰਾਮੀਟਰ ਦੇ ਸਾਰੇ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨਾ

ਤੁਸੀਂ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਇੱਕ ਖਾਸ ਪੈਰਾਮੀਟਰ ਨਾਲ ਜੁੜੇ ਸਾਰੇ ਮੁੱਲ ਵਾਪਸ ਕਰਨ ਲਈ:

const urlParams = new URLSearchParams(queryString);

ਪੈਰਾਮੀਟਰਾਂ ਉੱਤੇ ਦੁਹਰਾਉਣਾ

| _+_ | ਕੁਝ ਜਾਣੂ | _+_ | ਵੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਦੁਹਰਾਉਣ ਵਾਲੇ methodsੰਗ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਇਸ ਦੀਆਂ ਕੁੰਜੀਆਂ, ਮੁੱਲਾਂ ਅਤੇ ਇੰਦਰਾਜ਼ਾਂ ਨੂੰ ਦੁਹਰਾ ਸਕਦੇ ਹੋ:

URLSearchParams.get()

ਬ੍ਰਾਉਜ਼ਰ ਸਹਾਇਤਾ

| _+_ | ਲਈ ਬ੍ਰਾਉਜ਼ਰ ਸਹਾਇਤਾ ਚੰਗਾ ਹੈ . ਲਿਖਣ ਦੇ ਸਮੇਂ, ਇਹ ਸਾਰੇ ਪ੍ਰਮੁੱਖ ਬ੍ਰਾਉਜ਼ਰਸ ਵਿੱਚ ਸਮਰਥਤ ਹੈ.

Caniuse.com ਤੋਂ ਪ੍ਰਮੁੱਖ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ urlsearchparams ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਸਮਰਥਨ ਤੇ ਡੇਟਾ

ਇੱਕ ਪੌਲੀਫਿਲ ਉਪਲਬਧ ਹੈ ਜੇ ਤੁਹਾਨੂੰ ਪੁਰਾਣੇ ਬ੍ਰਾਉਜ਼ਰ ਜਿਵੇਂ ਕਿ ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ ਦਾ ਸਮਰਥਨ ਕਰਨਾ ਹੈ. ਜਾਂ , ਤੁਸੀਂ ਇਸ ਬਾਕੀ ਦੇ ਟਿorialਟੋਰਿਅਲ ਦੇ ਨਾਲ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਸਿੱਖ ਸਕਦੇ ਹੋ ਕਿ ਆਪਣਾ ਖੁਦ ਕਿਵੇਂ ਰੋਲ ਕਰਨਾ ਹੈ.

ਆਪਣੀ ਖੁਦ ਦੀ ਪੁੱਛਗਿੱਛ ਸਤਰ ਪਾਰਸਿੰਗ ਫੰਕਸ਼ਨ ਨੂੰ ਰੋਲ ਕਰਨਾ

ਆਓ ਉਸ ਯੂਆਰਐਲ ਦੇ ਨਾਲ ਰਹਾਂ ਜਿਸਦੀ ਅਸੀਂ ਪਿਛਲੇ ਭਾਗ ਵਿੱਚ ਵਰਤੋਂ ਕਰ ਰਹੇ ਸੀ:

const product = urlParams.get('product') console.log(product); // shirt const color = urlParams.get('color') console.log(color); // blue const newUser = urlParams.get('newuser') console.log(newUser); // empty string

ਤੁਹਾਨੂੰ ਇੱਕ ਸਾਫ ਆਬਜੈਕਟ ਦੇ ਰੂਪ ਵਿੱਚ ਸਾਰੇ URL ਪੈਰਾਮੀਟਰ ਦੇਣ ਲਈ ਇਹ ਇੱਕ ਫੰਕਸ਼ਨ ਹੈ:

URLSearchParams.has()

ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਇਹ ਜਲਦੀ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ, ਪਰ ਪਹਿਲਾਂ, ਇੱਥੇ ਵਰਤੋਂ ਦੇ ਕੁਝ ਉਦਾਹਰਣ ਹਨ:

console.log(urlParams.has('product')); // true console.log(urlParams.has('paymentmethod')); // false

ਅਤੇ ਇੱਥੇ ਤੁਹਾਡੇ ਨਾਲ ਖੇਡਣ ਲਈ ਇੱਕ ਡੈਮੋ ਹੈ.

ਇਸ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਜਾਣਨ ਵਾਲੀਆਂ ਗੱਲਾਂ

  • ਸਾਡਾ ਫੰਕਸ਼ਨ ਮੰਨਦਾ ਹੈ ਕਿ ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ | _+_ | ਦੁਆਰਾ ਵੱਖ ਕੀਤਾ ਗਿਆ ਹੈ ਅੱਖਰ, ਜਿਵੇਂ ਕਿ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ W3C ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ . ਹਾਲਾਂਕਿ, ਆਮ ਤੌਰ ਤੇ URL ਪੈਰਾਮੀਟਰ ਫਾਰਮੈਟ ਹੈ ਸਪਸ਼ਟ ਤੌਰ ਤੇ ਪਰਿਭਾਸ਼ਤ ਨਹੀਂ , ਇਸ ਲਈ ਤੁਸੀਂ ਕਦੇ -ਕਦੇ ਵੇਖ ਸਕਦੇ ਹੋ | _+_ | ਜਾਂ | _+_ | ਜਿਵੇਂ ਵਿਭਾਜਕ .

  • ਸਾਡਾ ਫੰਕਸ਼ਨ ਅਜੇ ਵੀ ਕੰਮ ਕਰਦਾ ਹੈ ਜੇ ਕਿਸੇ ਪੈਰਾਮੀਟਰ ਦੇ ਬਰਾਬਰ ਦਾ ਚਿੰਨ੍ਹ ਨਾ ਹੋਵੇ ਜਾਂ ਜੇ ਇਸਦੇ ਬਰਾਬਰ ਦਾ ਚਿੰਨ੍ਹ ਹੋਵੇ ਪਰ ਕੋਈ ਮੁੱਲ ਨਾ ਹੋਵੇ.

  • ਡੁਪਲੀਕੇਟ ਪੈਰਾਮੀਟਰਾਂ ਦੇ ਮੁੱਲ ਇੱਕ ਐਰੇ ਵਿੱਚ ਪਾ ਦਿੱਤੇ ਜਾਂਦੇ ਹਨ.

ਜੇ ਤੁਸੀਂ ਸਿਰਫ ਇੱਕ ਫੰਕਸ਼ਨ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਆ ਸਕਦੇ ਹੋ, ਤੁਸੀਂ ਹੁਣੇ ਪੂਰਾ ਕਰ ਲਿਆ ਹੈ. ਜੇ ਤੁਸੀਂ ਸਮਝਣਾ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਫੰਕਸ਼ਨ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ, ਤਾਂ ਪੜ੍ਹੋ.

ਗ੍ਰੈਂਜਰ ਕਾਰਕ ਟੈਸਟ ਪਾਈਥਨ

ਹੇਠਲਾ ਭਾਗ ਮੰਨਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕੁਝ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਜਾਣਦੇ ਹੋ, ਜਿਸ ਵਿੱਚ ਫੰਕਸ਼ਨ, ਆਬਜੈਕਟ ਅਤੇ ਐਰੇ ਸ਼ਾਮਲ ਹਨ. ਜੇ ਤੁਹਾਨੂੰ ਰਿਫਰੈਸ਼ਰ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਤਾਂ ਵੇਖੋ ਐਮਡੀਐਨ ਜਾਵਾਸਕ੍ਰਿਪਟ ਸੰਦਰਭ .

ਫੰਕਸ਼ਨ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਕੁੱਲ ਮਿਲਾ ਕੇ, ਫੰਕਸ਼ਨ ਇੱਕ ਯੂਆਰਐਲ ਦੀ ਪੁੱਛਗਿੱਛ ਸਤਰ ਲੈਂਦਾ ਹੈ (| _+_ | ਦੇ ਬਾਅਦ ਦਾ ਹਿੱਸਾ ਅਤੇ | _+_ | ਤੋਂ ਪਹਿਲਾਂ) ਅਤੇ ਇੱਕ ਸਾਫ਼ ਆਬਜੈਕਟ ਵਿੱਚ ਡੇਟਾ ਨੂੰ ਬਾਹਰ ਕੱਦਾ ਹੈ.

ਪਹਿਲਾਂ, ਇਹ ਲਾਈਨ ਕਹਿੰਦੀ ਹੈ, ਜੇ ਅਸੀਂ ਇੱਕ ਯੂਆਰਐਲ ਨਿਰਧਾਰਤ ਕੀਤਾ ਹੈ, ਪ੍ਰਸ਼ਨ ਚਿੰਨ੍ਹ ਦੇ ਬਾਅਦ ਸਭ ਕੁਝ ਪ੍ਰਾਪਤ ਕਰੋ, ਪਰ ਨਹੀਂ ਤਾਂ, ਸਿਰਫ ਵਿੰਡੋ ਦੇ ਯੂਆਰਐਲ ਦੀ ਵਰਤੋਂ ਕਰੋ:

URLSearchParams.getAll()

ਅੱਗੇ, ਅਸੀਂ ਆਪਣੇ ਮਾਪਦੰਡਾਂ ਨੂੰ ਸਟੋਰ ਕਰਨ ਲਈ ਇੱਕ ਵਸਤੂ ਬਣਾਵਾਂਗੇ:

console.log(urlParams.getAll('size')); // [ 'm' ] //Programmatically add a second size parameter. urlParams.append('size', 'xl'); console.log(urlParams.getAll('size')); // [ 'm', 'xl' ]

ਜੇ ਪੁੱਛਗਿੱਛ ਸਤਰ ਮੌਜੂਦ ਹੈ, ਅਸੀਂ ਇਸਨੂੰ ਪਾਰਸ ਕਰਨਾ ਅਰੰਭ ਕਰਾਂਗੇ. ਪਹਿਲਾਂ ਸਾਨੂੰ | _+_ | ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਹਿੱਸੇ ਨੂੰ ਸ਼ੇਵ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਉਣਾ ਪਵੇਗਾ, ਕਿਉਂਕਿ ਇਹ ਪੁੱਛਗਿੱਛ ਸਤਰ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹੈ:

URLSearchParams

ਹੁਣ ਅਸੀਂ ਪੁੱਛਗਿੱਛ ਸਤਰ ਨੂੰ ਇਸਦੇ ਭਾਗਾਂ ਵਿੱਚ ਵੰਡ ਸਕਦੇ ਹਾਂ:

Object

ਇਹ ਸਾਨੂੰ ਇੱਕ ਐਰੇ ਦੇਵੇਗਾ ਜੋ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ:

const keys = urlParams.keys(), values = urlParams.values(), entries = urlParams.entries(); for (const key of keys) console.log(key); // product, color, newuser, size for (const value of values) console.log(value); // shirt, blue, , m for(const entry of entries) { console.log(`${entry[0]}: ${entry[1]}`); } // product: shirt // color: blue // newuser: // size: m

ਅੱਗੇ, ਅਸੀਂ ਇਸ ਐਰੇ ਰਾਹੀਂ ਲੂਪ ਕਰਾਂਗੇ ਅਤੇ ਹਰੇਕ ਆਈਟਮ ਨੂੰ ਇੱਕ ਕੁੰਜੀ ਅਤੇ ਇੱਕ ਮੁੱਲ ਵਿੱਚ ਵੰਡ ਦੇਵਾਂਗੇ, ਜਿਸਨੂੰ ਅਸੀਂ ਜਲਦੀ ਹੀ ਆਪਣੇ ਆਬਜੈਕਟ ਵਿੱਚ ਪਾਵਾਂਗੇ:

URLSearchParams

ਆਓ ਵਿਅਕਤੀਗਤ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਕੁੰਜੀ ਅਤੇ ਇੱਕ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰੀਏ. ਜੇ ਕੋਈ ਪੈਰਾਮੀਟਰ ਮੁੱਲ ਨਹੀਂ ਹੈ, ਅਸੀਂ ਇਸਨੂੰ | _+_ | ਤੇ ਸੈਟ ਕਰਾਂਗੇ ਇਹ ਦਰਸਾਉਣ ਲਈ ਕਿ ਪੈਰਾਮੀਟਰ ਨਾਮ ਮੌਜੂਦ ਹੈ. ਤੁਹਾਡੇ ਉਪਯੋਗ ਦੇ ਮਾਮਲੇ ਦੇ ਅਧਾਰ ਤੇ ਇਸਨੂੰ ਬਦਲਣ ਲਈ ਸੁਤੰਤਰ ਮਹਿਸੂਸ ਕਰੋ:

http://example.com/?product=shirt&color=blue&newuser&size=m

ਵਿਕਲਪਿਕ ਤੌਰ ਤੇ, ਤੁਸੀਂ ਸਾਰੇ ਪੈਰਾਮੀਟਰ ਨਾਮ ਅਤੇ ਮੁੱਲ ਛੋਟੇ ਅੱਖਰ ਤੇ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ. ਇਸ ਤਰੀਕੇ ਨਾਲ, ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਸਥਿਤੀਆਂ ਤੋਂ ਬਚ ਸਕਦੇ ਹੋ ਜਿੱਥੇ ਕੋਈ ਯੂਆਰਐਲ ਤੇ | _+_ | ਨਾਲ ਟ੍ਰੈਫਿਕ ਭੇਜਦਾ ਹੈ | _+_ | ਦੀ ਬਜਾਏ ਅਤੇ ਤੁਹਾਡੀ ਸਕ੍ਰਿਪਟ ਟੁੱਟ ਜਾਂਦੀ ਹੈ. (ਮੈਂ ਅਜਿਹਾ ਹੁੰਦਾ ਵੇਖਿਆ ਹੈ।) ਹਾਲਾਂਕਿ, ਜੇ ਤੁਹਾਡੀ ਪੁੱਛਗਿੱਛ ਸਤਰ ਨੂੰ ਕੇਸ ਸੰਵੇਦਨਸ਼ੀਲ ਹੋਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਤਾਂ ਇਸ ਹਿੱਸੇ ਨੂੰ ਛੱਡਣ ਲਈ ਸੁਤੰਤਰ ਮਹਿਸੂਸ ਕਰੋ:

function getAllUrlParams(url) { // get query string from url (optional) or window var queryString = url ? url.split('?')[1] : window.location.search.slice(1); // we'll store the parameters here var obj = {}; // if query string exists if (queryString) { // stuff after # is not part of query string, so get rid of it queryString = queryString.split('#')[0]; // split our query string into its component parts var arr = queryString.split('&'); for (var i = 0; i

ਅੱਗੇ, ਸਾਨੂੰ ਕਈ ਤਰ੍ਹਾਂ ਦੇ ਇਨਪੁਟ ਨਾਲ ਨਜਿੱਠਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਜੋ ਅਸੀਂ | _+_ | ਵਿੱਚ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਾਂ. ਇਹ ਇੱਕ ਇੰਡੈਕਸਡ ਐਰੇ, ਇੱਕ ਗੈਰ-ਇੰਡੈਕਸਡ ਐਰੇ, ਜਾਂ ਇੱਕ ਨਿਯਮਤ ਸਤਰ ਹੋ ਸਕਦਾ ਹੈ.

ਜੇ ਇਹ ਇੱਕ ਇੰਡੈਕਸਡ ਐਰੇ ਹੈ, ਤਾਂ ਅਸੀਂ ਅਨੁਸਾਰੀ | _+_ | ਚਾਹੁੰਦੇ ਹਾਂ ਇੱਕ ਐਰੇ ਬਣਨ ਲਈ, ਸਹੀ ਸਥਿਤੀ ਤੇ ਸ਼ਾਮਲ ਕੀਤੇ ਮੁੱਲ ਦੇ ਨਾਲ. ਜੇ ਇਹ ਗੈਰ-ਇੰਡੈਕਸਡ ਐਰੇ ਹੈ, ਤਾਂ ਅਸੀਂ ਅਨੁਸਾਰੀ | _+_ | ਚਾਹੁੰਦੇ ਹਾਂ ਇਸ 'ਤੇ ਧੱਕੇ ਗਏ ਤੱਤ ਦੇ ਨਾਲ ਇੱਕ ਐਰੇ ਬਣਨ ਲਈ. ਜੇ ਇਹ ਇੱਕ ਸਤਰ ਹੈ, ਤਾਂ ਅਸੀਂ ਆਬਜੈਕਟ ਤੇ ਇੱਕ ਨਿਯਮਤ ਸੰਪਤੀ ਬਣਾਉਣਾ ਅਤੇ | _+_ | ਨਿਰਧਾਰਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ ਇਸ ਨੂੰ, ਜਦ ਤੱਕ ਸੰਪਤੀ ਪਹਿਲਾਂ ਹੀ ਮੌਜੂਦ ਹੈ, ਜਿਸ ਸਥਿਤੀ ਵਿੱਚ ਅਸੀਂ ਮੌਜੂਦਾ | _+_ | ਨੂੰ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹਾਂ ਇੱਕ ਐਰੇ ਤੇ ਅਤੇ ਆਉਣ ਵਾਲੇ ਨੂੰ ਧੱਕੋ | _+_ | ਇਸ 'ਤੇ.

ਇਸ ਨੂੰ ਦਰਸਾਉਣ ਲਈ, ਇੱਥੇ ਕੁਝ ਨਮੂਨਾ ਇੰਪੁੱਟ ਹੈ, ਆਉਟਪੁੱਟ ਦੇ ਨਾਲ ਅਸੀਂ ਉਮੀਦ ਕਰਾਂਗੇ:

javascript ਨੂੰ ਪੁੱਛਗਿੱਛ ਪੈਰਾਮੀਟਰ ਪ੍ਰਾਪਤ ਕਰੋ
getAllUrlParams().product; // 'shirt' getAllUrlParams().color; // 'blue' getAllUrlParams().newuser; // true getAllUrlParams().nonexistent; // undefined getAllUrlParams('http://test.com/?a=abc').a; // 'abc'

ਅਤੇ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਇਹ ਕੋਡ ਹੈ:

&

ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਆਪਣੇ ਆਬਜੈਕਟ ਨੂੰ ਮਾਪਦੰਡਾਂ ਅਤੇ ਮੁੱਲਾਂ ਦੇ ਨਾਲ ਵਾਪਸ ਕਰਦੇ ਹਾਂ.

ਜੇ ਤੁਹਾਡੇ ਯੂਆਰਐਲ ਵਿੱਚ ਕੋਈ ਏਨਕੋਡ ਕੀਤੇ ਵਿਸ਼ੇਸ਼ ਅੱਖਰ ਹਨ ਜਿਵੇਂ ਸਪੇਸ (ਏਨਕੋਡ ਕੀਤੇ | _+_ |), ਤਾਂ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਮੂਲ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਡੀਕੋਡ ਵੀ ਕਰ ਸਕਦੇ ਹੋ:

;

ਬਸ ਸਾਵਧਾਨ ਰਹੋ ਕਿ ਕਿਸੇ ਅਜਿਹੀ ਚੀਜ਼ ਨੂੰ ਡੀਕੋਡ ਨਾ ਕਰੋ ਜੋ ਪਹਿਲਾਂ ਹੀ ਡੀਕੋਡ ਕੀਤੀ ਗਈ ਹੈ ਜਾਂ ਨਹੀਂ ਤਾਂ ਤੁਹਾਡੀ ਸਕ੍ਰਿਪਟ ਗਲਤੀ ਹੋ ਜਾਵੇਗੀ, ਖਾਸ ਕਰਕੇ ਜੇ ਪ੍ਰਤੀਸ਼ਤ ਸ਼ਾਮਲ ਹਨ.

ਵੈਸੇ ਵੀ, ਵਧਾਈਆਂ! ਹੁਣ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਯੂਆਰਐਲ ਪੈਰਾਮੀਟਰ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ, ਅਤੇ ਉਮੀਦ ਹੈ ਕਿ ਰਸਤੇ ਵਿੱਚ ਕੁਝ ਹੋਰ ਚਾਲਾਂ ਨੂੰ ਚੁਣਿਆ ਹੈ.

ਸਿੱਟਾ

ਇਸ ਲੇਖ ਦਾ ਕੋਡ ਸਭ ਤੋਂ ਆਮ ਵਰਤੋਂ ਦੇ ਮਾਮਲਿਆਂ ਲਈ ਕੰਮ ਕਰਦਾ ਹੈ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਇੱਕ ਯੂਆਰਐਲ ਪੁੱਛਗਿੱਛ ਮਾਪਦੰਡ ਮਿਲੇਗਾ. ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਕਿਨਾਰੇ ਦੇ ਮਾਮਲਿਆਂ, ਜਿਵੇਂ ਕਿ ਅਸਧਾਰਨ ਵਿਭਾਜਕ ਜਾਂ ਵਿਸ਼ੇਸ਼ ਫਾਰਮੈਟਿੰਗ ਦੇ ਨਾਲ ਕੰਮ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਉਸ ਅਨੁਸਾਰ ਜਾਂਚ ਅਤੇ ਵਿਵਸਥ ਕਰਨਾ ਨਿਸ਼ਚਤ ਕਰੋ.

ਜੇ ਤੁਸੀਂ ਯੂਆਰਐਲ ਦੇ ਨਾਲ ਹੋਰ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇੱਥੇ ਵਿਸ਼ੇਸ਼ ਲਾਇਬ੍ਰੇਰੀਆਂ ਉਪਲਬਧ ਹਨ, ਜਿਵੇਂ ਕਿ ਪੁੱਛਗਿੱਛ-ਸਤਰ ਅਤੇ URI.js ਨੂੰ ਮੱਧਮ ਕਰੋ . ਪਰ ਕਿਉਂਕਿ ਇਹ ਅਸਲ ਵਿੱਚ ਸਤਰਕ ਹੇਰਾਫੇਰੀ ਹੈ, ਇਹ ਅਕਸਰ ਸਾਦੀ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਮਝਦਾਰੀ ਦਿੰਦਾ ਹੈ. ਭਾਵੇਂ ਤੁਸੀਂ ਆਪਣੇ ਖੁਦ ਦੇ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਜਾਂ ਲਾਇਬ੍ਰੇਰੀ ਦੇ ਨਾਲ ਜਾਂਦੇ ਹੋ, ਹਰ ਚੀਜ਼ ਦੀ ਜਾਂਚ ਕਰਨਾ ਨਿਸ਼ਚਤ ਕਰੋ ਅਤੇ ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਇਹ ਤੁਹਾਡੇ ਉਪਯੋਗ ਦੇ ਮਾਮਲਿਆਂ ਲਈ ਕੰਮ ਕਰਦਾ ਹੈ.

#ਜਾਵਾਸਕ੍ਰਿਪਟ #ਵੈਬ-ਵਿਕਾਸ

ਇਹ ਵੀ ਵੇਖੋ:

ਨਵੀਆਂ ਚੀਜ਼ਾਂ

ਸਭ ਤੋਂ ਵੱਧ ਪੜ੍ਹਨਯੋਗ

ਸੰਪਾਦਕ ਦੇ ਚੋਣ