今天我们了解的是ajax分为两个部分:1.Ajax是什么 2.Ajax的语法
1.Ajax是什么
1.AJAX 是一种用于创建动态网页的技术
2.通过与后台服务器进行数据交换的时候,ajax可以使网页实现异步更新,这也就可以让不要网页重新加载的情况下只针对网页的一部分来进行刷新。
3.没有使用ajax的网页在每一次数据进行更新的时候都要重新加载整个网页。
像我们平时用的淘宝网站里面搜索到一种商品时,一开始不会全部展现出来,而是一部分。这样既可以降低服务器的压力,也能提高用户体验感
2.Ajax的语法
这里是jquery里的语法
$.ajax({
url:"",
data:{
p:"zhuying",
name:"",
},type:"",
Async:true,
dataType:"";
"success":function(res){
},
beforesend:function(res){
},
error:function(res){
},
datafilter:function(data,type){
return data
}});
url:代表的是地址;例如:url:“zhuying.php”;
data:代表的是传入的数据这个里面可以定义属性和值
type:代表提交的方式:有post和get,默认为get
Async:表示的是是否为异步提交:这里为boolean值默认为true也就是异步提交
注意:同步和异步的区别,同步就是当ajax把数据发送到后台进行处理的时候,浏览器是锁定的,也就是用户在提交以后需要等后台处理完数据才能进行下一步操作。异步就不需要。
dataType:服务器返回的数据类型:text,xml,html,json。。。默认为text;
这些是常用的几个参数
回调函数:当提交数据或者返回结果时所运行的函数
success:这里是服务器成功响应之后调用的函数参数是请求对象XMLHttpRequest;
例如:当你在微博上成功发送一条微博的时候就会提示一句发布成功;
beforesend:当数据发送到服务器正在进行处理的时候所执行的函数:参数类型是:XMLHttpRequest;
例如:当你在淘宝上搜索一中类型的商品时,它会有一个转圈圈的图片在那里转;
error:当请求出现错误时调用的函数:参数类型是:XMLHttpRequest;
datafilter:给Ajax返回的原始数据的进行预处理的函数。它的调用在success之前。提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。
总结:ajax是一门非常好用的技术,由于它可以进行异步处理,所以可以用这个技术来写一个聊天室