08-Ajax核心函数和json格式参数

使用jQuery提供的函数实现Ajax请求处理,代替直接使用XMLHttpRequest,但是jQuery实际使用的是异步对象。

2.8.1 $ .ajax()核心的函数

语法:$.ajax({json格式的参数})

json格式的参数:key是定义好的,需要开发人员给key赋值。这些key是用来表示ajax请求必须的参数;
例如:请求url地址,是不是异步请求,请求方式等等。

三个参数
URL:服务器地址
type:表示请求方式,get,post。默认是get。这个值不区分大小写
data:表示提交的请求参数。可以是string,数组,json类型的。推荐使用json格式。
例如:data:{“name”:“李四”,“age”:20}

jquery在发送请求时,会把json中的key作为请求的参数使用,key对应的值作为参数数据。
转为的结果:http://localhost:8080/myweb/queryProvinceServlet?name=李四&age=20
其他参数
datatype:数据格式,可以是html,text,xml,json等等。表示发起请求后,希望服务器端放回的数据格式jquery可以是尝试使用对于格式处理返回数据,比如你指定了datatype:json,表示你希望返回json格式数据。然后jquery把json数据转为json对象。

服务器代码可以获取datatype的内容。

success:函数function。当当服务器端返回数据,jquery处理完数据后,执行这个函数。等于异步对象的readyState==4$$status=200的情况

error:function(),当请求错误时,执行这个函数。
contentType:表示请求参数数据格式。例如application/json,可以不写。
async:是一个boolean表示请求同步还是异步的。true时异步,默认时true;false同步的;

举个栗子:

$.ajax(
		{
			url:"queryProvinceServlet",
			type:"get",
			data:{"name":"李四","age":22},
			dataType:"json",
			success:function(resp){
				开发人员获取数据,更新dom对象
			},
			error:function(){alert("请求错误")}
		}
		)

url,success必用

2.8.2 $.get()

$.get()这个函数就是执行get请求方式的ajax
语法: $.get(url,请求参数,success函数,dataType)
例如:

$.get("queryName",{"proid":1},function(resp){获取省份名称},"text")

2.8.3 $.post()

$.post()这个函数就是执行post请求方式的ajax
语法: $.post(url,请求参数,success函数,dataType)
例如:

$.post("queryName",{"proid":1},function(resp){获取省份名称},"text")
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

kokotao

你的鼓励就是的创作的最大动力,

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

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

打赏作者

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

抵扣说明:

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

余额充值