ajax 菜单导航_ajax跳转到指定页面：示例代码

Ajax是一种用于创建交互式网页的技术，它可以在不刷新整个页面的情况下，通过与服务器进行异步通信，实现局部页面的更新。在网页开发中，我们经常会遇到需要跳转到指定页面的需求，而使用Ajax可以实现在不刷新整个页面的情况下，跳转到指定页面。

示例代码如下所示：

function navigateToPage(url) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("content").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", url, true);
  xhttp.send();
}

在上面的示例代码中，我们定义了一个`navigateToPage`函数，它接受一个参数`url`，表示要跳转的页面的URL。在函数内部，我们创建了一个`XMLHttpRequest`对象，它用于与服务器进行异步通信。然后，我们设置了`onreadystatechange`事件处理程序，当`readyState`属性为4（表示请求已完成）且`status`属性为200（表示请求成功）时，我们将服务器返回的响应文本插入到页面中的一个具有`id`为`content`的元素中。

我们通过调用`open`方法和`send`方法，将请求发送到指定的URL。

通过调用`navigateToPage`函数，并传入要跳转的页面的URL作为参数，就可以实现在不刷新整个页面的情况下，跳转到指定页面。