在传统的网页开发中,当页面刷新时,服务器端会返回新的数据给客户端,然后客户端再重新渲染整个页面。而使用Ajax技术,可以在不刷新整个页面的情况下,向服务器发送请求并获取数据,然后再通过JavaScript将数据更新到页面上。
下面是一个使用Ajax的示例代码:
Ajax示例
Ajax示例
在上面的示例中,我们使用了axios库来发送Ajax请求。当页面加载完成后,会发送一个GET请求到/api/data
接口获取数据。请求成功后,会将获取到的数据更新到data-container
元素中。
在实际开发中,你需要根据自己的需求来修改请求的URL和数据的处理方式。同时,你需要在服务器端编写相应的接口来处理Ajax请求,并返回数据给客户端。