Hoe van de ene pagina naar de andere pagina gaan met javascript?

Vanaf een beheerderspagina als de gebruiker geldig is, moet de browser naar een andere pagina gaan.

Als een gebruiker zijn gebruikersnaam en wachtwoord invoert en vervolgens op de knop OK klikt, wordt een andere pagina weergegeven en wordt de inlogpagina automatisch gesloten.

Hoe kan ik dit doen met JavaScript?


Antwoord 1, autoriteit 100%

Een browser eenvoudig omleiden met javascript:

window.location.href = "http://example.com/new_url";

Voor het omleiden EN verzenden van een formulier (d.w.z. inloggegevens), is geen javascript vereist:

<form action="/new_url" method="POST">
   <input name="username">
   <input type="password" name="password">
   <button type="submit">Submit</button>
</form>

Antwoord 2, autoriteit 7%

U kuntmet gezond verstand vertrouwen op client-sideJavaScript om te bepalen of de gebruikersgegevens correct zijn. De browser (en alle code die dat uitvoert) staat onder controle van de gebruiker, niet van jou, dus het is niet betrouwbaar.

De gebruikersnaam en het wachtwoord moeten worden ingevoerd via een formulier. De OK-knop wordt een verzendknop. Het action attribuut moet verwijzen naar een URL die zal worden afgehandeld door een programma dat de inloggegevens controleert.

Dit programma kan in JavaScript worden geschreven, maar hoe je dat doet, hangt af van welke serverkant JavaScript-enginedie u gebruikte. Merk op dat SSJS geen reguliere technologie is, dus als je het echt wilt gebruiken, moet je gespecialiseerde hosting gebruiken of je eigen server beheren.

(Een half decennium later en SSJS komt veel vaker voor dankzij Node.js, het is echter nog steeds redelijk gespecialiseerd).

Als je daarna wilt omleiden, moet het programma een HTTP-locatiekop.

Houd er rekening mee dat u moet controleren of de inloggegevens in orde zijn (meestal door een token op te slaan, wat niet het eigenlijke wachtwoord is, in een cookie) voordat u een privépagina uitvoert. Anders zou iedereen naar de privépagina’s kunnen gaan door de URL te kennen (en dus het inlogsysteem te omzeilen).


Antwoord 3, autoriteit 7%

Probeer dit,

window.location.href="sample.html";

Hier is sample.htmleen volgende pagina. Het gaat naar de volgende pagina.


Antwoord 4, autoriteit 5%

Verifiëren dat een gebruiker een beheerder is in javascript leidt tot problemen omdat javascript-code voor iedereen zichtbaar is. De server is degene die het verschil moet zien tussen een beheerder en een gewone gebruiker NA het inlogproces en dienovereenkomstig de nieuwe pagina moet genereren.

Misschien is dat niet wat je probeert te doen om je vraag te beantwoorden:

window.location.href="<the page you are going to>";

Antwoord 5, autoriteit 3%

De juiste oplossing die ik krijg is

<html>
      <head>
        <script type="text/javascript" language="JavaScript">
                  function clickedButton()
            {
                window.location = 'new url'
            }
             </script>
      </head>
      <form name="login_form" method="post">
            ..................
            <input type="button" value="Login" onClick="clickedButton()"/>
      </form>
 </html>

Hier wordt de nieuwe url tussen het enkele aanhalingsteken gegeven.


Antwoord 6

Een eenvoudigere methode is window.location.href = "http://example.com/new_url";

Maar wat als u wilt controleren of gebruikersnaam en wachtwoord leeg zijn of niet met JavaScript en dit naar de php sturen om te controleren of de gebruiker in de database zit. U kunt dit eenvoudig doen door deze code te volgen.

html-formulier –

<form name="myForm" onsubmit="return validateForm()" method="POST" action="login.php" >         
    <input type="text" name="username" id="username" />
    <input type="password" name="password" id="password" />
    <input type="submit" name="submitBt"value="LogIn" />
</form>

javascript-validatie-

function validateForm(){
    var uname = document.forms["myForm"]["username"].value;
    var pass = document.forms["myForm"]["password"].value;
    if((!isEmpty(uname, "Log In")) && (!isEmpty(pass, "Password"))){
        return true;
    }else{
        return false;
    }
}
function isEmpty(elemValue, field){
    if((elemValue == "") || (elemValue == null)){
        alert("you can not have "+field+" field empty");
        return true;
    }else{
        return false;
    }
}

controleer of gebruiker in de database php gebruikt

<?php
    $con = mysqli_connect("localhost","root","1234","users");
    if(mysqli_connect_errno()){
        echo "Couldn't connect ".mysqli_connect_error();
    }else{
        //echo "connection successful <br />";
    }
    $uname_tb = $_POST['username'];
    $pass_tb = $_POST['password'];
    $query ="SELECT * FROM user";
    $result = mysqli_query($con,$query);
    while($row = mysqli_fetch_array($result)){
        if(($row['username'] == $uname_tb) && ($row['password'] == $pass_tb)){
            echo "Login Successful";
            header('Location: dashbord.php');
            exit();
        }else{
            echo "You are not in our database".mysqli_connect_error();
        }
    }
    mysqli_close($con);
?>

Antwoord 7

hoop dat dit zou helpen:

window.location.href = '/url_after_domain';


Antwoord 8

Voor MVC-ontwikkelaars, om een browser om te leiden met javascript:

window.location.href = "@Url.Action("Action", "Controller")";

Antwoord 9

Probeer dit:

window.location.href = "http://PlaceYourUrl.com";

Other episodes