概述
- 异步JS和XML,创建交互式网页应用的网页开发技术
- 客户端必须等待服务器端的响应,等待期间客户端不能做其他操作
- 客户端无需等待服务器端的响应,等待期间客户端可以做其他操作
- 一种无需重新加载整个页面的情况下,能够更新部分网页的技术
- 提升用户体验,增加操作连贯性(减少等待服务器响应时间)
实现方式
- 原生js实现方式(用的少,w3c文档临时)
- 请求
- 创建对象
- 建立连接
- 发送请求
- 响应
- 判断
xmlhttp
对象状态 - 获取响应结果
- 响应
- 判断
- 请求
- JQuery实现方式
$.ajax()
- 语法:
$.ajax({key-value})
function fun(){ $.ajax({ url:"ajaxServlet",//请求路径 type:"POST",//请求方式 data:{ "username":"tom", "age":13; },//请求参数 dataType:"json",//设置接收到的响应数据格式,默认是text类型,所以多数时候要指定 success:function(data){ alert(data); },//响应且成功后自动执行的回调函数,`data`为响应的返回参数 error:function(data){ alert(data); }//响应但失败后自动执行的回调函数,`data`为响应的返回参数 //最后一个键值对不要写末尾的,号 }); }
- 语法:
$.get()
:发送get请求- 语法:
$.get(url,[data],[callback],[dataType])
- 请求路径
- 请求参数
- 回调函数
- 预期返回数据类型
-
function fun(){ $.get("ajaxServlet",{ username:"rose" },function(data){ alert(data); },"json" }; }
- 语法:
$.post()
:发送post请求,形式同上