【b站咸虾米】jQuery的ajax异步操作 web前端后端分离技术的原理

课程地址:【jQuery的ajax异步操作 web前端后端分离技术的原理】 https://www.bilibili.com/video/BV1u5411M7ny/?share_source=copy_web\&vd_source=b1cb921b73fe3808550eaf2224d1c155

通过案例学习ajax异步操作。

介绍

php,前后端不分离的技术。

ajax,实现前后端分离技术。

在之前,要做动态网站,要懂php,java或其他后端语言。

通过前后端分离,让网页从php页面变为html页面。

封装异步请求

jQuery封装了异步请求ajax,不需要用原生方法。Vue的异步操作是axios,微信的异步操作是wx.request.

下载jQuery,然后在代码里引入(script src)。

早年间,php的后端代码与前端代码是混在一起的。<?php ?> 此为前后端混用。

异步查询

正常代码都是由上到下顺序执行。服务员服务客人吃饭。

发送请求

ajax发送指令,服务器响应数据。

url地址,

success,成功后的回调函数,

服务器返回的数据类型,有text文本和json格式数据(数组里放对象)。ajax请求默认返回text格式数据,axios请求默认返回json格式数据。

入参,可以在url后面写?num=5,也可以在data对象里放置属性和属性值。

渲染数据

jQuery操作DOM结构,Vue的处理方式更加方便。

`212` 反引号。

Date对象

new Date()需要接收一个13位的时间戳。

相关推荐
ZC跨境爬虫3 分钟前
3D 地球卫星轨道可视化平台开发 Day6(SEC数据接口扩展实现)
前端·microsoft·3d·html·json·交互
qq_120840937111 分钟前
Three.js 工程向:EffectComposer 后处理链路与色彩管理
开发语言·前端·javascript
|晴 天|12 分钟前
评论系统与情感分析
前端·ai·typescript
沉默中爆发的IT男19 分钟前
BGP基础配置实验总结
linux·服务器·前端
朝阳3920 分钟前
前端学习方法(含前端成神之路)
前端·学习方法
张元清29 分钟前
head.tsx 就是一个 React 组件:用 loader 数据动态生成 SEO meta
前端·javascript·面试
lemon_yyds34 分钟前
Element UI 实践踩坑- date-picker 组件 定制化type="daterange"
前端·css
Alice-YUE36 分钟前
ai对话平台中的functioncalling+mcp
前端·笔记·学习·语言模型
MXN_小南学前端1 小时前
Vue 视频上传实战:视频预览、MediaRecorder 压缩与自定义上传
前端·vue.js
Hilaku1 小时前
AI 生成的代码都是一坨屎?聊聊怎么给 Agent 制定工程约束
前端·javascript·ai编程