十分钟掌握Ajax(jQuery封装的ajax)

Ajax是一种异步(无需等待服务器返回数据就可以做别的工作)无刷新(做了一些操作之后,页面不会刷新)技术,通常结合DOM一起操作。(不像超链接和表单一样一点就刷新)

Jquery封装好的Ajax技术有四种,分别为.ajax,.get,.post,.getJSON,可以直接填写参数调用

1.$.ajax(最原始,最麻烦,需要填写很多参数)

补充get()和post()请求的不同,get()参数会跟着参数,get()没有post()安全,传递的参数也没有post()多,但是get()传递的速度比post()快,因为get()有缓存,post()没缓存。

var obj=json.parse(); 可以将字符串形式的数据转变为json格式的数据

2..get(),用.ajax的时候需要指明type是get还是post请求,$.get()。

$.post()直接指明了方法类型

3.$.post()

4.$.getJSON(发送请求给后端,后端去数据库查好数据,返回前端时要求后台返回JSON格式的数据)

相关推荐
Yvonne爱编码6 小时前
简述ajax、node.js、webpack、git
前端·git·ajax·webpack·node.js·visual studio
长城20243 天前
jQuery的$.Ajax方法分析
ajax·jquery·异步提交
芜青4 天前
JavaScript手录进阶01-跨域问题
开发语言·javascript·ajax·ecmascript
长城20244 天前
JavaScript中的XMLHttpRequest对象分析
开发语言·javascript·ajax·xmlhttprequest·xhr·ajax技术
JosieBook5 天前
【SpringBoot】20 - SpringBoot中的Ajax和MyBatis究竟是什么?
spring boot·ajax·mybatis
苏纪云5 天前
Ajax笔记(下)
前端·javascript·笔记·ajax
IT 前端 张6 天前
Axios与Ajax:现代Web请求大比拼
前端·javascript·ajax
♡喜欢做梦10 天前
jQuery 从入门到实践:基础语法、事件与元素操作全解析
前端·javascript·jquery
知识分享小能手11 天前
React学习教程,从入门到精通, React教程:构建你的第一个 React 应用(1)
前端·javascript·vue.js·学习·react.js·ajax·前端框架
wuzuyu36511 天前
SyntaxError: Failed to execute ‘open‘ on ‘XMLHttpRequest‘: Invalid URL
ajax·html·api