jquery ajax笔记

今天我们了解的是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:代表提交的方式:有postget,默认为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是一门非常好用的技术,由于它可以进行异步处理,所以可以用这个技术来写一个聊天室

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值