![](https://img-blog.csdnimg.cn/20210706110257900.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
【JQuery+Ajax系列】
jQueryJQuery+Ajax
不停喝水
Web. Write Less,Do More
展开
-
45 大事件项目 => [01] 后台管理项目ajax练习
目标利用Git管理大事件项目代码安装并且使用 Live Server插件学会查阅layui文档绘制出登录注册页面结构添加表单元素自定义验证规则查阅接口文档完成登录注册功能知道iframe标签的使用搭建后台主页界面资源地址线上 DEMO 项目地址:http://www.escook.cn:8086/项目的 API 接口地址: https://www.showdoc.cc/escook?page_id=37071587612152170. 今天完成的功能效果登录功能实现注册原创 2020-09-19 10:45:23 · 788 阅读 · 3 评论 -
47 大事件项目 => [03] 后台管理项目ajax练习
目标能够完成文章类别的编辑功能能够完成文章类别的删除功能能够知道文章列表的分页查询参数的作用能够完成文章列表的筛选功能能够参照文档使用LayUI提供的自定义分页UI效果知道laypage内置模块里面 layout属性和limits 属性的作用能够解决 jump 回调函数中死循环的问题能够获取 jump 回调中关键数据,页码值和每页条目数能够实现分页查询功能能够完成删除文章功能能够完成新增文章功能1. 文章类别(⭐⭐⭐)1.1 编辑功能1.1.1 点击编辑按钮展示修改文章分类的原创 2020-09-24 16:19:52 · 410 阅读 · 3 评论 -
46 大事件项目 => [02] 后台管理项目ajax练习
目标能够利用 ajaxPrefilter 统一设置请求头完成获取用户信息功能能够利用 ajaxPrefilter 统一控制用户访问权限能够完成基本资料的功能能够完成重置密码功能能够完成更换头像功能参照文档使用 cropper 图片裁剪功能知道base64格式图片的优缺点利用 layer.open 自定义弹出层效果1. 后台主页1.1 获取用户基本信息(⭐⭐⭐)在用户登录成功,进入后台页面后,我们应该立刻获取用户的信息,然后把对应的信息展示在页面上在后台的 index.html原创 2020-09-21 17:56:13 · 272 阅读 · 0 评论 -
44 Ajax 同源策略 跨域 JSONP 搜索提示案例 防抖 节流
目标能够知道什么是同源策略和跨域能够知道什么是JSONP能够说出JSONP的实现原理能够知道防抖和节流的概念同源策略(⭐⭐⭐)什么是同源如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。例如,下表给出了相对于 http://www.test.com/index.html 页面的同源检测:什么是同源策略同源策略(英文全称 Same origin policy)是浏览器提供的一个安全功能MDN 官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源原创 2020-09-16 21:09:18 · 437 阅读 · 0 评论 -
43 Ajax xhr请求 数据交换格式json 封装ajax函数 FormData 上传进度条 axios发起请求
目标能够知道如何使用XMLHttpRequest发起Ajax请求能够知道如何封装自己的Ajax函数能够使用XMLHttpRequest Level2中提供的新特性能够知道jQuery中如何实现文件上传与loading效果能够知道如何使用axios发起Ajax请求XMLHttpRequest的基本使用什么XMLHttpRequestXMLHttpRequest(简称 xhr)是浏览器提供的 Javascript 对象,通过它,可以请求服务器上的数据资源。之前所学的 jQuery 中的 A原创 2020-09-16 21:06:31 · 530 阅读 · 0 评论 -
41 Ajax 请求数据 get post 接口文档 图书管理案例 机器人聊天案例
客户端与服务器(⭐⭐⭐)上网的目的上网的**本质目的:**通过互联网的形式来 获取和消费资源服务器上网过程中,负责 存放和对外提供资源 的电脑,叫做服务器客户端在上网过程中,负责 获取和消费资源 的电脑,叫做客户端URL的概念URL(全称是 UniformResourceLocator) 中文叫 统一资源定位符,用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源URL的组成URL地址一般由三部分组成:客户端与服务器之原创 2020-09-13 16:21:58 · 866 阅读 · 2 评论 -
42 Ajax form表单属性 ajax提交表单 serialize() 评论列表案例 art-templat模板引擎原理 新闻列表案例
Form表单的基本使用什么是表单表单在网页中主要负责 数据采集功能。<form> 标签的属性(⭐⭐⭐)actionaction 属性用来规定当提交表单时,向何处发送表单数据。action 属性的值应该是后端提供的一个URL地址,这个URL地址专门负责接收表单提交过来的数据。当 <form>表单在未制定 action 属性值的清空下,action的默认值为当前页面的 URL 地址注意: 当提交表单后,会立即跳转到 action 属性指定的 URL 地址targett原创 2020-09-13 18:04:35 · 489 阅读 · 0 评论 -
jQuery完整 ajax发送接收请求示例
$(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "application/json;charset=UTF-8", //请求地址 url : "http://www.原创 2020-09-23 19:26:12 · 330 阅读 · 1 评论 -
ToDoList:本地存储知识最简单的代办事项列表
$(function () { // alert(11); // 1.按下回车 把完整数据 存储到本地存储里面 // 存储的数据格式 var = todolist = [{title:'xxx',done:false}] load(); $("#title").on("keydown", function (event) { if (event.keyCode === 13) { if ($(this).val() === "") { alert(原创 2020-08-29 18:52:38 · 232 阅读 · 0 评论 -
35 jQuery 事件注册 处理 事件对象 拷贝对象 多库共存 瀑布流 懒加载 todolist
1.1. jQuery 事件注册演示代码<body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function() { $(this).css("background", "purple"); }); $("di原创 2020-08-27 22:24:26 · 164 阅读 · 0 评论 -
34-1 jQuery 属性操作 内容操作 元素操作 尺寸位置操作
1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ;1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 a元素里面的 href ,比如 元素里面的 type。 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。1.1.2 元素自定义属性值 attr() 用户自己给元素添加的属性,我们称为自定义属性。 比如原创 2020-08-27 22:20:08 · 113 阅读 · 0 评论 -
33-1 jQuery 顶级对象$ 对象转换 选择器 样式操作
1. jQuery的入口函数 jQuery中常见的两种入口函数:// 第一种: 简单易用。$(function () { ... // 此处是页面 DOM 加载完成的入口}) ; // 第二种: 繁琐,但是也可以实现$(document).ready(function(){ ... // 此处是页面DOM加载完成的入口}); 总结:等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery 帮我们完成了封装。相当于原生 js原创 2020-08-19 22:09:18 · 289 阅读 · 0 评论