$.ajax方法笔记

Posted 2020-08-19

$.ajax({
    type: "get",
    url:"ajax.php",
    data: {q: str},
    async:false,
    success: function(e){
        $("#txtHint").text(e);
    }
})

$就是JQuery的别名，所以$.ajax({})可以看成 JQuery.ajax({}) 也就是 JQuery里的ajax方法。

因为是方法，所以本质上是一个函数，({/*省略代码*/}) 代表传输进去了一个对象。

因位是对象，所以赋值是:冒号，句末是,逗号。

这个对象里面，左边的属性都是固定的，右边则是我们提供的东西。

url: "ajax.php" ，代表要和AJAX交互的文件是ajax.php。

data: {q: str} ，代表的是传输的数据是 {q: str} ，str就是我们前端获取并传输的数据（也就是input框里输入的字）

type: "get", 代表着用的是 GET 方法，而不是POST方法

async: false ，代表是否选择异步 。我们选择了 false ，也就是选择同步。

举个食堂的例子：
同步，可以看成一个一个排队，而且只有一个队。前面的人没买完单就轮不到下一个人。
异步，可以看成每个人都是一个队，而且每个队只有这一个人。一个人没买单也影响不到别人买单。

所以ajax选择同步的话，那部分数据没有加载完成之前，网页都会卡着无法操作。
选择异步的话，那部分加载的同时还能操作网页。
根据实际情况，需要排队的时候就选同步，不需要的时候选异步，一般选择同步。

success: function(e) {} ，当 readyState == 4 && status == 200 时，执行函数里面的语句，形参代表着后台返回的数据。

ajax里的 data, type, url 一般情况下是后台给的，如果不需要传输数据，可以不写data这个属性。