1、ajax原理:
客户端调用ajax引擎,ajax引擎调用服务器,服务器处理完数据后将结果返回给ajax引擎, 由ajax引擎决定将结果写入到客户端的什么位置。从而实现了页面的无刷新来更新数据。
2、ajax的核心对象是:XMLHttpRequest。
3.优缺点:
优点:可以提高用户体验,减轻服务器的负担
缺点:不利于搜索引擎
一、ajax(异步javascript和XML)
异步数据请求:不刷新整个页面的前提下更新数据
二、Json
轻量级的数据交换格式(简单,易于书写和阅读,易于解析)
书写json字符串时,键名和键值均要加引号,一点书写错误均会导致数据无法正常解析,其他书写规范同对象(最后一个数据不能写符号)
Eg:
{
“name”:”张三”,
“age”:”13”,
“sex”:”男”
}
1、$.get()
语法:$.get(url ,data,callback,type);
url:”请求的地址”;
data(可选):需上传的数据
callback(可选):请求成功后执行的函数,自动将请求结果传递给函数
type(可选):服务器返回内容的格式
2、$.post()
语法:$.post(url,上传的数据,回调函数,返回结果的数据类型);同$.get()
3、$.getJSON()
语法:$.getJSON(url,需上传的数据,回调函数)
例如:
$.getJSON("data.json",function(data){
for(var i in data){
document.write(data[i]+"
")
}
})
4、$.ajax()(必须掌握 :重点)
语法:$.ajax({
type:”请求方式”,
url:”请求数据的路径”,
dataType:”返回数据的数据格式”,
success:function(返回的数据,”请求结果”){
//请求成功时执行的代码
},
error:function(){
//请求失败执行的代码
}
});
例如: $.ajax({ //请求方式 type:"get", //请求路径 url:"data.json", //是否异步 true是异步加载 false是同步加载 async:true, //返回的数据格式 dataType:"json", //请求成功之后执行的函数 success:function(data){ for(var i in data) document.write(data[i]+"
") }, //请求失败执行的函数 error:function(){ alert("失败") } })