如何在不刷新整个页面的情况下更改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;     }}