Ajax的简单使用（一）

Ajax的简单使用（一）

---

前言

个人学习笔记：
使用ajax来请求数据，或者无刷新验证，亦或者提交各种请求。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、ajax是什么？

下图截自jQuery API中文文档

• jQuery库里的方法
• ajax 全名 async javascript and XML

可以看出来，Ajax是方法，更像是工具。实际用处也是请求数据，提交表单，无刷新的数据的校验。个人觉得用起来简单，挺方便的。
这是链接：jQuery API

二、使用步骤

1.引入jquery库

代码如下（示例）：

<script src="js/jQ3.6.js"></script>

2.get请求获取一般数据

代码如下（这是一个轮播图示例）：

<script>
    //通过ajax请求，获取轮播图数据
    $.ajax({
        type:"GET",//请求方式get
        url:"你的url",
        success:function(msg){
            //console.log(msg)
            msg.forEach(function(item) {
                $(".banner").append(`
                    <img src="${item.url}">
                `);
            });
        }
    })
</script>

---

总结

Ajax对静态资源数据的请求，一般为get，有特殊情况除外。个人喜欢写上述的请求格式，挺好用的。