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 @   taotooler  阅读(35)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 【杂谈】分布式事务——高大上的无用知识?
点击右上角即可分享
微信分享提示