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")
posted @ 2023-01-30 18:21  taotooler  阅读(40)  评论(0)    收藏  举报  来源