[javascript] मैं किसी अन्य वेबपृष्ठ पर रीडायरेक्ट कैसे करूं?



Answers

चेतावनी: यह उत्तर केवल एक संभावित समाधान के रूप में प्रदान किया गया है; यह स्पष्ट रूप से सबसे अच्छा समाधान नहीं है, क्योंकि इसे jQuery की आवश्यकता है। इसके बजाय, शुद्ध जावास्क्रिप्ट समाधान पसंद करते हैं।

$(location).attr('href', 'http://stackoverflow.com')
Question

मैं jQuery या शुद्ध जावास्क्रिप्ट का उपयोग कर उपयोगकर्ता को एक पृष्ठ से दूसरे पृष्ठ पर रीडायरेक्ट कैसे कर सकता हूं?




# एचटीएमएल पेज रीडायरेक्ट jQuery / जावास्क्रिप्ट का उपयोग कर

इस उदाहरण कोड का प्रयास करें:

function YourJavaScriptFunction()
{
    var i = $('#login').val();
    if (i == 'login')
        window.location = "login.php";
    else
        window.location = "Logout.php";
}

यदि आप window.location = "www.google.co.in"; रूप में एक पूर्ण यूआरएल देना चाहते हैं window.location = "www.google.co.in";




अपने क्लिक फ़ंक्शन पर, बस जोड़ें:

window.location.href = "The URL where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});



उपयोग:

// window.location
window.location.replace('http://www.example.com')
window.location.assign('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/path'

// window.history
window.history.back()
window.history.go(-1)

// window.navigate; ONLY for old versions of Internet Explorer
window.navigate('top.jsp')


// Probably no bueno
self.location = 'http://www.example.com';
top.location = 'http://www.example.com';

// jQuery
$(location).attr('href','http://www.example.com')
$(window).attr('location','http://www.example.com')
$(location).prop('href', 'http://www.example.com')



जावास्क्रिप्ट:

window.location.href='www.your_url.com';
window.top.location.href='www.your_url.com';
window.location.replace('www.your_url.com');

jQuery:

var url='www.your_url.com';
$(location).attr('href',url);
$(location).prop('href',url);//instead of location you can use window



पहले ठीक से लिखें। आप किसी अन्य लिंक के लिए अपने आवेदन से दूसरे लिंक के लिए किसी एप्लिकेशन के भीतर नेविगेट करना चाहते हैं। यहां कोड है:

window.location.href = "http://www.google.com";

और यदि आप अपने आवेदन के भीतर पृष्ठों को नेविगेट करना चाहते हैं तो मेरे पास कोड भी है, यदि आप चाहें तो।




यदि आप जो करने की कोशिश कर रहे हैं उसमें आप थोड़ा और वर्णनात्मक थे तो इससे मदद मिलेगी। यदि आप पेजेड डेटा जेनरेट करने का प्रयास कर रहे हैं, तो आप यह कैसे करते हैं इसके कुछ विकल्प हैं। आप प्रत्येक पृष्ठ के लिए अलग-अलग लिंक जेनरेट कर सकते हैं जिसे आप सीधे प्राप्त करने में सक्षम होना चाहते हैं।

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

ध्यान दें कि उदाहरण में वर्तमान पृष्ठ कोड और सीएसएस के साथ अलग-अलग संभाला जाता है।

यदि आप AJAX के माध्यम से पेज किए गए डेटा को बदलना चाहते हैं, तो यह वह जगह है जहां jQuery आएगा। आप क्या करेंगे एक अलग पृष्ठ से संबंधित प्रत्येक एंकर टैग में एक क्लिक हैंडलर जोड़ें। यह क्लिक हैंडलर कुछ jQuery कोड का आह्वान करेगा जो अगले पृष्ठ को AJAX के माध्यम से लाएगा और नए डेटा के साथ तालिका अपडेट करेगा। नीचे दिया गया उदाहरण मानता है कि आपके पास एक वेब सेवा है जो नया पृष्ठ डेटा लौटाती है।

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});






लेकिन अगर कोई होम पेज पर रीडायरेक्ट करना चाहता है तो वह निम्न स्निपेट का उपयोग कर सकता है।

window.location = window.location.host

यदि आपके पास विकास, स्टेजिंग और उत्पादन के रूप में तीन अलग-अलग वातावरण हैं तो यह सहायक होगा।

आप इन शब्दों को क्रोम कंसोल या Firebug कंसोल में डालकर इस विंडो या window.location ऑब्जेक्ट का पता लगा सकते हैं।




var url = 'asdf.html';
window.location.href = url;



मुझे अभी तक एक और नई jQuery विधि के साथ इस हास्यास्पदता को अद्यतन करना पड़ा:

var url = 'http://www.fiftywaystoleaveyourlocation.com';
$(location).prop('href', url);



***** मूल प्रश्न था - "JQUERY का उपयोग करने के लिए कैसे पुनर्निर्देशित करें", जवाब दें JQUERY >> अनुपूरक उपयोग केस *****

जावास्क्रिप्ट के साथ एक पृष्ठ पर रीडायरेक्ट करने के लिए:

  window.location.href = "/contact/";

या यदि आपको देरी की आवश्यकता है:

setTimeout(function () {
  window.location.href = "/contact/";
}, 2000);   // Time in milliseconds

jQuery आपको आसानी से वेब पेज से तत्वों का चयन करने की अनुमति देता है। आप किसी पृष्ठ पर जो कुछ भी चाहते हैं उसे ढूंढ सकते हैं और फिर विशेष प्रभाव जोड़ने, उपयोगकर्ता क्रियाओं पर प्रतिक्रिया करने, या आपके द्वारा चुने गए तत्व के अंदर या बाहर सामग्री को दिखाने और छिपाने के लिए jQuery का उपयोग करें। ये सभी कार्य एक तत्व या घटना का चयन करने के तरीके के साथ शुरू होते हैं।

     $('a,img').on('click',function(e){
         e.preventDefault();
         $(this).animate({
             opacity: 0 //Put some CSS animation here
         }, 500);
         setTimeout(function(){
           // OK, finished jQuery staff, let's go redirect
           window.location.href = "/contact/";
         },500);
     });

कल्पना कीजिए कि किसी ने स्क्रिप्ट / प्लगइन लिखा है जो कोड की 10000 लाइनें है ?! खैर, jQuery के साथ आप इस कोड से केवल एक या दो पंक्तियों से जुड़ सकते हैं।




आप jQuery के बिना ऐसा कर सकते हैं:

window.location = "http://yourdomain.com";

और यदि आप केवल jQuery चाहते हैं तो आप इसे ऐसा कर सकते हैं:

$jq(window).attr("location","http://yourdomain.com");



यहां एक समय-देरी पुनर्निर्देशन है। आप जो भी चाहें देरी का समय निर्धारित कर सकते हैं:

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Your Document Title</title>
    <script type="text/javascript">
        function delayer(delay) {
            onLoad = setTimeout('window.location.href = "http://www.google.com/"', delay);
        }
    </script>
</head>

<body>
    <script>
        delayer(8000)
    </script>
    <div>You will be redirected in 8 seconds!</div>
</body>

</html>



jQuery की आवश्यकता नहीं है। तुम यह केर सकते हो:

window.open("URL","_self","","")

यह इतना आसान है!

HTTP अनुरोध शुरू करने का सबसे अच्छा तरीका document.loacation.href.replace('URL')




Related