JS第五天(Ajax)
定义
异步无刷新技术。
Ajax四个步骤
1、得到XMLHttpRequest对象
2、准备请求 open(请求类型GET/POST,请求的URL,是否异步)
3、发送请求 send([参数])
4、判断响应状态，得到后台响应
XHR 对象的属
性
status 属性
200
OK 服务器成功返回了页面
400
Bad Request 语法错误导致服务器不识别
401
Unauthorized 请求需要用户认证
404
Not found 指定的 URL 在服务器上找不到
500
Internal Server Error 服务器遇到意外错误，无法完成请求
503
ServiceUnavailable 服务器过载或维护导致无法完成请求
readyState 属性
0 未初始化 尚未调用 open()方法
1 启动 已经调用 open()方法，但尚未调用 send()方法
2 发送 已经调用 send()方法，但尚未接受响应
3 接受 已经接受到部分响应数据
4 完成 已经接受到全部响应数据，而且可以使用
get和post
get
查询
post
增删改
Jquery 的 ajax
1.$.ajax()(比较重要的)
type：请求方式 GET/POST
url：请求地址 url
data：发送到服务器的数据
dataType：预期服务器返回的数据类型
success：请求成功时调用此函数
2.$.get()
4.请求 json 文件,传递参数,拿到返回值
$.get('../js/cuisine_area.json',{name:"tom",age:100},function(data){
console.log(data)
});
3.$.post()
4.$.getJSON()
定义
异步无刷新技术。
Ajax四个步骤
1、得到XMLHttpRequest对象
2、准备请求 open(请求类型GET/POST,请求的URL,是否异步)
3、发送请求 send([参数])
4、判断响应状态，得到后台响应
XHR 对象的属
性
status 属性
200
OK 服务器成功返回了页面
400
Bad Request 语法错误导致服务器不识别
401
Unauthorized 请求需要用户认证
404
Not found 指定的 URL 在服务器上找不到
500
Internal Server Error 服务器遇到意外错误，无法完成请求
503
ServiceUnavailable 服务器过载或维护导致无法完成请求
readyState 属性
0 未初始化 尚未调用 open()方法
1 启动 已经调用 open()方法，但尚未调用 send()方法
2 发送 已经调用 send()方法，但尚未接受响应
3 接受 已经接受到部分响应数据
4 完成 已经接受到全部响应数据，而且可以使用
get和post
get
查询
post
增删改
Jquery 的 ajax
1.$.ajax()(比较重要的)
type：请求方式 GET/POST
url：请求地址 url
data：发送到服务器的数据
dataType：预期服务器返回的数据类型
success：请求成功时调用此函数
2.$.get()
4.请求 json 文件,传递参数,拿到返回值
$.get('../js/cuisine_area.json',{name:"tom",age:100},function(data){
console.log(data)
});
3.$.post()
4.$.getJSON()
