十分钟掌握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格式的数据)

相关推荐
满栀5852 天前
jQuery 递归渲染多级树形菜单
前端·javascript·jquery
HIT_Weston2 天前
104、【Ubuntu】【Hugo】搭建私人博客:搜索功能(AJAX请求)
ubuntu·ajax·okhttp
啥都不懂的小小白3 天前
Vue Ajax与状态管理完全指南:从数据请求到全局状态控制
vue.js·ajax·vuex·插槽系统
w***76553 天前
JS vs jQuery:核心差异解析
开发语言·javascript·jquery
满栀5854 天前
分页插件制作
开发语言·前端·javascript·jquery
满栀5855 天前
插件轮播图制作
开发语言·前端·javascript·jquery
岁岁种桃花儿6 天前
XMLHttpRequest 从入门到实战:GET/POST 请求完整案例
ajax·okhttp
梦6506 天前
JavaScript (ES5)+ES6+jQuery 核心对象方法大全
javascript·es6·jquery
m0_748254667 天前
AJAX 基础实例
前端·ajax·okhttp
韩曙亮7 天前
【jQuery】jQuery 简介 ( JavaScript 库简介 | jQuery 核心概念、特点 | jQuery 下载并使用 )
前端·javascript·jquery