功效
不刷新页面的情况下:发送数据到服务器、读取数据到客户端
封装AJAX
GET和POST
GET:容量小、安全性低、有缓存、更适合获取数据
POST:容量大、安全性高、无缓存、更适合发送数据
最简AJAX选项卡
解析服务器返回内容
// 利用eval()进行解析
配合表单
// 表单中使用AJAX时不需要再使用submit按钮,若使用submit按钮需要阻止默认的提交行为,action、method、name也不必再写在HTML表单元素中
城市联动列表
代码展示(数据JS中写死)
代码展示(城市数据存在服务器端)
代码展示(省份数据也存在服务器端)
代码展示(province和city接口合并)
传值与解析
// 客户端传值:'{"name": "Aaayang"}'
// 服务器解析:json_decode(data)
// 客户端解析:eval("("+ data +")")
jQuery中的AJAX
代码展示($("div").load())
代码展示($.get())
代码展示(jQuery二级联动)
代码展示($.ajax())
代码展示(最简留言)
代码展示($.getScript())
代码展示($("#myform").serialize())
代码展示($.getJSON)