Ajax入门

Ajax介绍

Ajax是异步的JavaScript和XML(Asynchronous JavaScript And XML)。简单点说,就是使用XmlHttpRequest对象与服务器通信。它可以使用JSON,XML,HTML和text文本等格式发送和接收数据。Ajax最吸引人的就是它的“异步”特性,也就是说它可以在不重新刷新页面的情况下与服务器通信,交换数据或者更新页面。

入门代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax入门</title>
</head>
<body>
    <p class="my-p"></p>
    <!--  请求目标资源地址 http://hmajax.itheima.net/api/province  -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js">

    </script>
    <script>
        axios({
                url: 'http://hmajax.itheima.net/api/province'
        }
        ).then(result =>{
            document.querySelector('.my-p').innerHTML = result.data.list.join('
'
) } ) </script> </body> </html>

网页效果

Ajax入门_第1张图片

你可能感兴趣的:(ajax,前端,javascript)