AJAX

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("失败")        }      })