大纲:
- 简介
- 使用
这节课我们来学ajax,讲的东西有点少啊
- 简介:
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
本质:发http请求用的
- 使用
分为原生版和jquery版,原生版没人用,不讲,直接将jquery版
jquery版ajax使用特别简单,就是一个函数:
$.ajax();
ajax.js
document.write("<script src='jquery.js'></script>"); //jquery的ajax函数,作用是发起一个http请求 //参数是一个json对象 $.ajax({ url:"/test", type:"get" });
可以看到发起了一个名为test的请求,第三列写着xhr
注意: 凡是第三列写着xhr的全都是ajax发起的请求
可以看到请求方式是get
因为我们刚刚在$.ajax()里写了 type:”get”
看菜鸟教程属性挺多的,说几个重点的:
ajax.js
document.write("<script src='jquery.js'></script>"); //jquery的ajax函数,作用是发起一个http请求 //参数是一个json对象 $.ajax({ url:"/test", //请求路径 type:"post", //请求方式 async:true, //异步 data:{ id:1001, name:"xiaoye" }, //如果请求响应成功,则执行success后面跟着的函数 //不过显然是无法响应成功的,因为我并没有开启tomcat服务器 success:function (data) { } });
Demo:
如果请求响应成功,响应的信息会被保存在success后那个函数的第一个参数里。