什么是ajax?
概念:ASynchronize JavaScript and XML 异步的JavaScript
异步和同步:在客户端和服务器端相互通信的基础上。
*同步 客户端必须等待服务器端的响应,在此期间,什么也做不了
异步 客户端不需要等待客户端的响应,在服务器处理请求的过程中,可以继续其他的操作。
ajax是一种无须在重新加载整个网页的情况下,可以更新部分网页的技术
传统来说,需要刷新网页,ajax不需要,提升用户的体验。
实现方式:
JavaScript原生实现【不推荐】。太麻烦。
jQuery封装形式:
jQuery实现方法。
$.ajax() 通用方式。 语法
使用 $.ajax({
url:"path",//请求路径
type:"get/post"//请求方式
data 表示请求数据
data:"username=tomas&age=23"||
data:'{"username":"jack","age":'23'}'//是json字符串
dataType: 预期的返回值数值
XML 返回XML文档
HTML 返回HTML信息
script 返回脚本
json 返回json格式的数据
jsonp
text 纯文本字符串
success:function(data){
}//响应成功后的回调函数
})
$.get()
$.get(url,[data],[callback],[datatype])
url 请求路径
data 请求参数
callback 回调函数
type 结果向阿姨的类型
$.post()
同get
使用的jQuery库
字节跳动:
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>