javascript - JQuery সঙ্গে বর্তমান URL পেতে?





path (25)


Window.location.href ব্যবহার করুন। এটি আপনাকে সম্পূর্ণ URL

আমি jQuery ব্যবহার করছি। আমি কিভাবে বর্তমান ইউআরএল পথ পেতে এবং একটি পরিবর্তনশীল এটি বরাদ্দ করবেন?

উদাহরণ ইউআরএল:

http://localhost/menuname.de?foo=bar&number=0



সকল ব্রাউজার জাভাস্ক্রিপ্ট উইন্ডো অবজেক্ট সমর্থন করে। এটি ব্রাউজারের উইন্ডো সংজ্ঞায়িত করে।

বিশ্বব্যাপী বস্তু এবং ফাংশন স্বয়ংক্রিয়ভাবে উইন্ডো বস্তুর অংশ হয়ে।

সমস্ত বিশ্বব্যাপী ভেরিয়েবল উইন্ডো বস্তুর বৈশিষ্ট্য এবং সমস্ত বিশ্বব্যাপী ফাংশন তার পদ্ধতি।

সম্পূর্ণ এইচটিএমএল ডকুমেন্ট একটি উইন্ডো সম্পত্তি খুব।

সুতরাং আপনি সমস্ত url সম্পর্কিত গুণাবলী পেতে উইন্ডো. অবস্থান বস্তু ব্যবহার করতে পারেন।

জাভাস্ক্রিপ্ট

console.log(window.location.host);     //returns host
console.log(window.location.hostname);    //returns hostname
console.log(window.location.path);         //return path
console.log(window.location.href);       //returns full current url
console.log(window.location.port);         //returns the port
console.log(window.location.protocol)     //returns the protocol

JQuery

console.log("host = "+$(location).attr('host'));
console.log("hostname = "+$(location).attr('hostname'));
console.log("path = "+$(location).attr('path')); 
console.log("href = "+$(location).attr('href'));   
console.log("port = "+$(location).attr('port'));   
console.log("protocol = "+$(location).attr('protocol'));   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>




পথ পেতে, আপনি ব্যবহার করতে পারেন:

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL
var origin   = window.location.origin;   // Returns base URL



নিম্নলিখিত দরকারী কোড স্নিপেটগুলির উদাহরণ যা ব্যবহার করা যেতে পারে - কিছু উদাহরণ মান JavaScript জাভাস্ক্রিপ্ট ব্যবহার করে এবং এটি jQuery এর জন্য নির্দিষ্ট নয়:

ইউআরএল এর & QUERYSTRINGS জন্য 8 দরকারী jQuery স্নিপেট দেখুন।




window.location আপনাকে বর্তমান URL , এবং আপনি এটি থেকে যা চান তা বের করতে পারেন ...




এখানে jQuery এবং জাভাস্ক্রিপ্ট ব্যবহার করে বর্তমান ইউআরএল পেতে একটি উদাহরণ:

$(document).ready(function() {

    //jQuery
    $(location).attr('href');

    //Pure JavaScript
    var pathname = window.location.pathname;

    // To show it in an alert window
    alert(window.location);
});


$.getJSON("idcheck.php?callback=?", { url:$(location).attr('href')}, function(json){
    //alert(json.message);
});



আমি GET চলক আউট ফালা এই আছে।

var loc = window.location;
var currentURL = loc.protocol + '//' + loc.host + loc.pathname;



এটি কাজ করবে:

var currentURL = window.location.href;



আপনি যদি রুট সাইটটি পেতে চান তবে এটি ব্যবহার করুন:

$(location).attr('href').replace($(location).attr('pathname'),'');



var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;



Jstl এ আমরা pageContext.request.contextPath ব্যবহার করে বর্তমান url পাথটি অ্যাক্সেস করতে পারি, যদি আপনি একটি অ্যাকজ্যাক কল করতে চান,

  url = "${pageContext.request.contextPath}" + "/controller/path"

Ex: এই পৃষ্ঠায় http://.com/questions/406192 এটি http://.com/controller/path




বিশুদ্ধ jQuery শৈলী:

$(location).attr('href');

অবস্থান বস্তুর অন্যান্য বৈশিষ্ট্য রয়েছে, যেমন হোস্ট, হ্যাশ, প্রোটোকল এবং পাথনাম।




যদি আপনি ইউআরএল উপস্থিত হ্যাশ পরামিতি প্রয়োজন, window.location.href একটি ভাল পছন্দ হতে পারে।

window.location.pathname
=> /search

window.location.href 
 => www.website.com/search#race_type=1



URL এবং হ্যাশ ট্যাগ যুক্ত করতে চান এমন কেউ থাকলে দুটি ফাংশন একত্রিত করুন:

var pathname = window.location.pathname + document.location.hash;



http://www.refulz.com:8082/index.php#tab2?foo=789

Property    Result
------------------------------------------
host        www.refulz.com:8082
hostname    www.refulz.com
port        8082
protocol    http:
pathname    index.php
href        http://www.refulz.com:8082/index.php#tab2
hash        #tab2
search      ?foo=789

var x = $(location).attr('<property>');

এই যদি আপনি jQuery আছে শুধুমাত্র কাজ করবে। উদাহরণ স্বরূপ:

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>
  $(location).attr('href');      // http://www.refulz.com:8082/index.php#tab2
  $(location).attr('pathname');  // index.php
</script>
</html>



 var currenturl = jQuery(location).attr('href');



অত্যন্ত সাধারণভাবে ব্যবহৃত শীর্ষ 3 বেশী হয়

1. window.location.hostname 
2. window.location.href
3. window.location.pathname



আপনি কেবল js নিজেই ব্যবহার করে আপনার পথটি পেতে পারেন, window.location বা location আপনাকে বর্তমান URL এর অবজেক্ট দেবে

console.log("Origin - ",location.origin);
console.log("Entire URL - ",location.href);
console.log("Path Beyond URL - ",location.pathname);




জাভা-স্ক্রিপ্ট ব্রাউজারের অ্যাড্রেস বারে প্রদর্শিত বর্তমান URL টি পুনরুদ্ধারের জন্য অনেকগুলি পদ্ধতি সরবরাহ করে।

পরীক্ষা URL:

http://
.com/questions/5515310/get-current-url-with-jquery/32942762
?
rq=1&page=2&tab=active&answertab=votes
#
32942762
resourceAddress.hash();
console.log('URL Object ', webAddress);
console.log('Parameters ', param_values);

ফাংশন:

var webAddress = {};
var param_values = {};
var protocol = '';
var resourceAddress = {

    fullAddress : function () {
        var addressBar = window.location.href;
        if ( addressBar != '' && addressBar != 'undefined') {
            webAddress[ 'href' ] = addressBar;
        }
    },
    protocol_identifier : function () { resourceAddress.fullAddress();

        protocol = window.location.protocol.replace(':', '');
        if ( protocol != '' && protocol != 'undefined') {
            webAddress[ 'protocol' ] = protocol;
        }
    },
    domain : function () {      resourceAddress.protocol_identifier();

        var domain = window.location.hostname;
        if ( domain != '' && domain != 'undefined' && typeOfVar(domain) === 'string') {
            webAddress[ 'domain' ] = domain;
            var port = window.location.port;
            if ( (port == '' || port == 'undefined') && typeOfVar(port) === 'string') {
                if(protocol == 'http') port = '80';
                if(protocol == 'https') port = '443';           
            }
            webAddress[ 'port' ] = port;
        }
    },
    pathname : function () {        resourceAddress.domain();

        var resourcePath = window.location.pathname;
        if ( resourcePath != '' && resourcePath != 'undefined') {
            webAddress[ 'resourcePath' ] = resourcePath;
        }
    },
    params : function () {      resourceAddress.pathname();

        var v_args = location.search.substring(1).split("&");

        if ( v_args != '' && v_args != 'undefined')
        for (var i = 0; i < v_args.length; i++) {
            var pair = v_args[i].split("=");

            if ( typeOfVar( pair ) === 'array' ) {
                param_values[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );
            }
        }
        webAddress[ 'params' ] = param_values;
    },
    hash : function () {        resourceAddress.params();

        var fragment = window.location.hash.substring(1);
        if ( fragment != '' && fragment != 'undefined')
            webAddress[ 'hash' ] = fragment;        
    }
};
function typeOfVar (obj) {
      return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}
  • প্রোটোকল « Web-browsers ওয়েবহাস্টেড অ্যাপ্লিকেশন এবং ওয়েব ক্লায়েন্ট (ব্রাউজার) এর মধ্যে যোগাযোগের জন্য কিছু নিয়ম অনুসরণ করে ইন্টারনেট প্রোটোকল ব্যবহার করে। (http = 80 , https (SSL) = 443 , ftp = 21, ইত্যাদি)

পূর্ব: ডিফল্ট পোর্ট সংখ্যা সঙ্গে

<protocol>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://.com:80/
  • (//) «হোস্ট নামটি ইন্টারনেটে একটি শেষ-বিন্দুতে (যন্ত্রে সংস্থান থাকে) দেওয়া হয়। www..com - একটি অ্যাপ্লিকেশনের DNS আইপি ঠিকানা (OR) স্থানীয় হোস্ট: 8080 - স্থানীয় হোস্ট

ডোমেন নামগুলি আপনি ডোমেন নাম সিস্টেম (DNS) গাছের নিয়ম এবং পদ্ধতির দ্বারা নিবন্ধন করেন। এমন কোনও DNS সার্ভার যা আপনার ডোমেনকে IP ঠিকানা থেকে ঠিকানাগুলির উদ্দেশ্যে পরিচালনা করে। DNS সার্ভারের অনুক্রমের মধ্যে স্ট্যাকওভারলফো.কমের রুট নাম কম।

gTLDs      - com «  (OR) in « co « google

স্থানীয় সিস্টেমটি আপনাকে ডোমেনগুলি বজায় রাখতে হবে যা হোস্ট ফাইলগুলিতে সর্বজনীন নয়। localhost.yash.com « localhsot - subdomain( web-server ), yash.com - maindomain( web-server ). myLocalApplication.com 172.89.23.777 ). myLocalApplication.com 172.89.23.777

  • (/) «পথটি ওয়েব ক্লায়েন্ট অ্যাক্সেস করতে চায় এমন হোস্টের মধ্যে নির্দিষ্ট সংস্থার সম্পর্কে তথ্য দেয়
  • (?) «একটি ঐচ্ছিক ক্যোয়ারী একটি ডেলিমিটার (&) দ্বারা আলাদা বৈশিষ্ট্য-মান জোড়া জোড়া একটি ক্রম পাস করা হয়।
  • (#) «একটি ঐচ্ছিক ফ্র্যাগমেন্ট প্রায়ই একটি নির্দিষ্ট উপাদান একটি আইডি বৈশিষ্ট্য, এবং ওয়েব ব্রাউজার এই উপাদানটি স্ক্রোল করা হবে।

যদি প্যারামিটারটি একটি Epoch ?date=1467708674 তারপর ব্যবহার করুন।

var epochDate = 1467708674; var date = new Date( epochDate );

URL টি

ব্যবহারকারীর নাম দিয়ে প্রমাণীকরণ ইউআরএল: পাসওয়ার্ড, ইউজারনেম / পাসওয়ার্ডের @ চিহ্ন থাকে
মত:

Username = `[email protected]`
Password = `[email protected]`

তারপরে আপনাকে ইউআরএল @ %40 এনকোড করতে হবে। Refer...

http://my_email%40gmail.com:Yash%[email protected]_site.com

encodeURI() (বনাম) encodeURIComponent() উদাহরণস্বরূপ

var testURL = "http:[email protected]:[email protected]//.com?tab=active&page=1#32942762";

var Uri = "/:@?&=,#", UriComponent = "$;+", Unescaped = "(-_.!~*')"; // Fixed
var encodeURI_Str = encodeURI(Uri) +' '+ encodeURI( UriComponent ) +' '+ encodeURI(Unescaped);
var encodeURIComponent_Str =  encodeURIComponent( Uri ) +' '+ encodeURIComponent( UriComponent ) +' '+ encodeURIComponent( Unescaped );
console.log(encodeURI_Str, '\n', encodeURIComponent_Str);
/*
 /:@?&=,# +$; (-_.!~*') 
 %2F%3A%40%3F%26%3D%2C%23 %2B%24%3B (-_.!~*')
*/



শুধু জাভাস্ক্রিপ্ট এই ফাংশন যোগ করুন, এবং এটি বর্তমান পথ পরম পথ ফিরে আসবে।

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

আমি এটা আপনার জন্য কাজ আশা করি।




শুধুমাত্র হোস্ট নাম জন্য, ব্যবহার করুন:

window.location.hostname



// get current URL

$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);



অনেক চিন্তা করতে পারে তুলনায় এটি একটি জটিল সমস্যা। বেশিরভাগ ব্রাউজার window.location অবস্থানের বস্তুর window.location এবং সংশ্লিষ্ট প্যারামিটার / পদ্ধতি window.location অথবা document.location মাধ্যমে অ্যাক্সেসযোগ্য। যাইহোক, ইন্টারনেট এক্সপ্লোরারের বিভিন্ন স্বাদ (6,7) একই পদ্ধতিতে এই পদ্ধতিগুলিকে সমর্থন করে না, ( window.location.href ? window.location.replace() সমর্থিত নয়) তাই আপনাকে শর্তযুক্ত লেখার মাধ্যমে ভিন্নভাবে তাদের অ্যাক্সেস করতে হবে ইন্টারনেট এক্সপ্লোরার হাত ধরে রাখা কোড সব সময়।

সুতরাং, যদি আপনার কাছে jQuery উপলব্ধ এবং লোড থাকে তবে আপনি jQuery (অবস্থান) ব্যবহার করতে পারেন, যেমনটি অন্যদের উল্লেখ করা হয়েছে কারণ এটি এই সমস্যার সমাধান করে। যাইহোক, আপনি যদি উদাহরণস্বরূপ-কিছু ক্লায়েন্ট-পার্শ্ব জিওলোকেশান রিড্রাইকশন জাভাস্ক্রিপ্টের মাধ্যমে (অর্থাৎ, Google মানচিত্র API এবং অবস্থান বস্তু পদ্ধতি ব্যবহার করে), তাহলে আপনি সম্পূর্ণ jQuery লাইব্রেরি লোড করতে এবং আপনার শর্তাধীন কোডটি লিখতে চাইবেন না। ইন্টারনেট এক্সপ্লোরার / ফায়ারফক্স / ইত্যাদি প্রতিটি সংস্করণ চেক।

ইন্টারনেট এক্সপ্লোরার সামনে শেষ কোডিং বিড়াল অসুখী তোলে, কিন্তু jQuery একটি প্লেট দুধ।




আপনি URL.location লগইন করতে পারেন এবং কেবলমাত্র URL ব্যবহার করার জন্য সমস্ত বিকল্প দেখতে পারেন:

window.location.origin

পুরো পথ ব্যবহার করার জন্য:

window.location.href

এছাড়াও অবস্থান আছে। _ _

.host
.hostname
.protocol
.pathname



ইউআরআইগুলি ওয়েব এবং অন্যান্য ইন্টারনেট সংস্থান যেমন ইলেকট্রনিক মেইলবক্সগুলি একটি অভিন্ন এবং সুসঙ্গত উপায়ে সনাক্ত করার প্রয়োজন থেকে এসেছে । সুতরাং, কেউ একটি নতুন ধরণের উইজেট প্রবর্তন করতে পারে : ইউআরআইগুলি উইজেট সংস্থান সনাক্ত করতে বা টেলিফোন ব্যবহার করতে : ইউআরআইগুলি ওয়েব লিঙ্ক থাকতে পারে যখন কল করার সময় টেলিফোন কল করা হয়।

কিছু URI একটি সংস্থান সনাক্ত করার জন্য তথ্য সরবরাহ করে (যেমন একটি DNS হোস্ট নাম এবং যে মেশিনে একটি পথ), কিছু কিছু বিশুদ্ধ সংস্থার নাম হিসাবে ব্যবহার করা হয়। URL টি শনাক্তকারী যে জন্য সংরক্ষিত সম্পদ Locators হয় , যেমন 'HTTP' URL গুলি সহ http://.com যা হোস্ট দেওয়া পথ এ ওয়েবপৃষ্ঠাটি চিহ্নিত। আরেকটি উদাহরণ হল 'mailto' ইউআরএল, যেমন mailto: [email protected] , যা প্রদত্ত ঠিকানায় মেইলবক্স চিহ্নিত করে।

ইউআরএনগুলি হল ইউআরআই যা লোকেটার পরিবর্তে বিশুদ্ধ সংস্থার নাম হিসাবে ব্যবহার করা হয় । উদাহরণস্বরূপ, URI: মধ্য: [email protected] একটি URN যা এটির 'বার্তা-আইডি' ক্ষেত্রটিতে থাকা ইমেল বার্তাটি চিহ্নিত করে। ইউআরআই যে কোনও ইমেল বার্তা থেকে যে বার্তাটি আলাদা করতে সহায়তা করে। কিন্তু এটি নিজে কোনও দোকানে বার্তাটির ঠিকানা সরবরাহ করে না।







javascript jquery url path