一.Ajax概述 二.Jquery的Ajax技术

.Ajax概述
	1.什么同步,什么是异步?
			同步现象:客户端发送请求到服务端,当服务端返回响应之前,客户端都处于等待
					   卡死状态
			异步现象:客户端发送请求到服务端,无论是服务器是否返回响应,客户端都可以随意
			做其他事情,不会卡死
			
	2.Ajax的运行原理
		页面发送请求,请求发给浏览器内核中的Ajax引擎,Ajax引擎会提交请求到服务器
		在这段时间里,客户端可以任意进行任意操作,知道服务器端将数据返回给Ajax引擎后
		会触发你设置的时间,从而执行自定义的js的逻辑操作完成某种页面功能
		
二.Jquery的Ajax技术
JQuery是一个优秀的js框架,自然对js原生的Ajax进行了封装,封装后的Ajax的操作方法更加简洁,
功能更加强大,与Ajax操作相关的jQuery方法有如下几种,但是在开发中经常使用的有三种

第一种自动默认异步
	1.第一种  get
		$(等同于Jquery).get(url, [data], [callback], [type])
				url待载入页面的URL地址
				data (可选)Map待发送 Key/value 参数。
				callback (可选)Function载入成功时回调函数。
				type (可选)String返回内容格式,xml, html, script, json, text, _default。

	2.第二种 post	
	$(等同于Jquery).post(url, [data], [callback], [type])
				url待载入页面的URL地址
				data (可选)Map待发送 Key/value 参数。
				callback (可选)Function载入成功时回调函数。
				type (可选)String返回内容格式,xml, html, script, json, text, _default。
	3.第三种
	$(等同于Jquery).ajax(option1:value,option2:value...)
		常用的option有
			async:是否异步,默认是true代表异步
			data:发送到服务器的参数,建议使用json格式
			dataType:服务器端的返回数据类型,常用Text和json
			success:成功响应执行的函数,对应的类型是function
			error:失败响应执行的函数,对应的类型是function
			type:请求方式,POST/GET 
			url:请求服务端地址
			例子:
					$.ajax({
								url:"/javaweb22_ajax和json/ajaxServle2",
								async:true,
								type:"POST",
								success:function(data){
									alert(data.name);
								},
								error:function(data){
									alert("请求失败");
								},
								dataType:true
							});
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Unknown To Known

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值