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")
本文来自博客园,作者:taotooler,转载请注明原文链接:https://www.cnblogs.com/taolo/p/17225850.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 【杂谈】分布式事务——高大上的无用知识?