如何在不刷新整个页面的情况下更改 URL

Question

我一直在 stackOverFlow 等上搜索，看看是否可以在不刷新整个页面的情况下更改 URL 我找到了一些答案，但它们并没有真正帮助。无论如何，所以我想<div>在 URL 为someURL.com/?c=users&a=login. 你知道它会加载我写的函数。例如看下面的代码：<?php    require_once 'model/Muser.php';    $class = new user();    switch ($action){        case 'login':            if($_POST){                $data=$_POST['frm'];                $password=sha1($data['password']);                $user=$class->select_user($data['username']);                if($user['password']==$password){                }            }        break;        case 'logout':        break;    }    require_once "view/$controller/$action.php";所以当我输入someURL.com/?c=users&a=login它时会加载 view/users/login.php页面，但我只想更改<div>的内容。我已经想通了这一点使用jQuery，但我想，当用户键入someURL.com/?c=users&a=login的<div>内容变化，或者当一些按钮，点击该URL和<div>的内容变化。任何解决方案？

Answer 1

你能不能在一些我们的页面中定义一个DIV，例如index.html，然后使用Ajax 将结果放入DIV。

没有jQuery的解决方案：

const Http = new XMLHttpRequest();

const url='YOU_URL?param1=data1&param2=data2';

Http.open("GET", url);

Http.send();

Http.onreadystatechange=(e)=>{

    if (this.readyState == 4 && this.status == 200) {

        var htmlRequest = this.responseText;

        document.getElementById("DIV").innerHTML = htmlRequest;

    }

}