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