ajax技术

ajax 阿贾克斯前后端交互的技术属于前端技术

初步了解作用: 通过js、jquery的代码将html中的数据转成json格式传递到后台

同是可以接受后台返回的json格式的数据

ajax的语法A

$.ajax({

url:"跳转的路径", //★必选属性

type:"post/get", //★type属性可选的不写type属性默认以get方式提交数据

data:{key:value,key:value .... },//★data可选属性用于传递数据到后台

dataType:"json", //★后台返回的数据要求是json格式的也是可选属性

async:true/false,// 可选属性表示同步还是异步true 异步、false 同步、不写默认是异步

//tranditional:true/false,//可选属性表示是否进行深度序列化tranditional:false

success:function(变量名){ //★必选属性用于处理后台返回的数据

},

error:function(变量名){ // 可选属性如果后台出异常了后台执行完毕之后就会来执行error后面的函数

}

})

ajax的优缺点

优点:

1、不用刷新页面就能进行前后端交互提高用户的体验度

2、可以发送异步请求

3、均衡前后端的压力。均衡前后端程序员的压力、变相的减少提交的次数。

缺点:

相对于传统的数据交互ajax在前端暴露了更多的业务逻辑安全性比以前低了一些

破坏了浏览器历史记录特性ajax跳转没有历史记录

同步: ajax执行后台的时候js中的代码会被阻塞等ajax执行完毕才会执行js中的代码

异步: ajax代码执行的同事js中的代码不受影响也可以继续执行

ajax的语法B

$.post(url路径,data数据,success函数,返回的数据的类型) // url路径必填、data数据可选success函数一般都写、返回的数据的类型可选

$.get(url路径,data数据,success函数,返回的数据的类型) // url路径必填、data数据可选success函数一般都写、返回的数据的类型可选

$.post("/yeb/register",{"u":user},function(d){

},"json");

$.get("/yeb/register",{"u":user},function(d){ },"json");