$.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