$.ajax方法笔记

$.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这个属性。

时间: 2024-10-27 18:23:48