03 2023 档案

摘要:axios axios是什么 axios是一个基于PRominse的HTTP库,可以用在浏览器和node.js中 第三方Ajax库 http://www.axios-js.com/zh-cn/docs/ axios的基本用法 <!DOCTYPE html> <html> <head> <meta c 阅读全文
posted @ 2023-03-24 21:21 zj勇敢飞,xx永相随 阅读(20) 评论(0) 推荐(0) 编辑
摘要:封装Ajax <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>封装Ajax</title> </head> <body> <script type="module"> /* const url = 'https://www.im 阅读全文
posted @ 2023-03-24 15:06 zj勇敢飞,xx永相随 阅读(15) 评论(0) 推荐(0) 编辑
摘要:XHR 的事件 load事件 //1.load事件 //响应数据可用时触发 const url ='https://www.imooc.com/api/http/search/suggest?words=js'; const xhr = new XMLHttpRequest(); // xhr.on 阅读全文
posted @ 2023-03-24 09:48 zj勇敢飞,xx永相随 阅读(193) 评论(0) 推荐(0) 编辑
摘要:XHR 的属性 responseType和response属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>responseType和response属性</title> </head> <body> <script> // 阅读全文
posted @ 2023-03-23 19:53 zj勇敢飞,xx永相随 阅读(130) 评论(0) 推荐(0) 编辑
摘要:跨域资源共享 1.CORS是什么 //1.CORS是什么 //const url = 'https://www.imooc.com';//不同域 const url ='https://www.imooc.com/api/http/search/suggest?words=js'; const xh 阅读全文
posted @ 2023-03-23 11:25 zj勇敢飞,xx永相随 阅读(24) 评论(0) 推荐(0) 编辑
摘要:JSON 的常用方法 JSON.parse() console.log(JSON.parse(xhr.responseText)); console.log(JSON.parse(xhr.responseText).data); <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2023-03-23 10:22 zj勇敢飞,xx永相随 阅读(54) 评论(0) 推荐(0) 编辑
摘要:初识 JSON 1.JSON是什么 Ajax 发送和接收书数据的一种格式 XML username=alex&age=18 JSON Json 全称是JavaScript Object Notation 2.为什么需要JSON JSON有3中形式,每种形式的写法都和JS中的数据类型很像,可以很轻松的 阅读全文
posted @ 2023-03-22 16:14 zj勇敢飞,xx永相随 阅读(141) 评论(0) 推荐(0) 编辑
摘要:GET 请求 携带数据 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- <form id="login" action="https://www.imooc.com/ap 阅读全文
posted @ 2023-03-22 14:42 zj勇敢飞,xx永相随 阅读(29) 评论(0) 推荐(0) 编辑
摘要:Ajax 的基本用法-1 XMLHttpRequest Ajax想要实现浏览器服务器之间的异步通信,需要依靠XMLHttpRequest,它是一个构造函数 不论是XMLHttpRequest,还是Ajax,都没有和具体的某种数据格式绑定 Ajax的使用步骤 创建xhr对象 <!DOCTYPE htm 阅读全文
posted @ 2023-03-22 11:36 zj勇敢飞,xx永相随 阅读(18) 评论(0) 推荐(0) 编辑
摘要:localStorage 的注意事项 localStorage 的存储期限 localStorage 是持久化的本地存储,除非手动请求(比如通过js删除,或者清除浏览器缓存),否则数据是永远不会过期的 sessionStorage 当前会话结束(比如关闭浏览器)的时候,sessionstorage中 阅读全文
posted @ 2023-03-22 10:38 zj勇敢飞,xx永相随 阅读(30) 评论(0) 推荐(0) 编辑
摘要:初识 localStorage-1 1.localStorage是什么 localStorage 也是一种浏览器存储数据的方式(本地存储),它只是存储在本地,不会发送到服务器端 单个域名下的localStorage总大小有限制 2.在浏览器中操作localStorage 3.localStorage 阅读全文
posted @ 2023-03-22 09:23 zj勇敢飞,xx永相随 阅读(84) 评论(0) 推荐(0) 编辑
摘要:Cookie的封装-2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cookie的封装</title> </head> <body> <button id="cn">中文</button> <button 阅读全文
posted @ 2023-03-21 19:49 zj勇敢飞,xx永相随 阅读(16) 评论(0) 推荐(0) 编辑
摘要:Cookie的属性-3 Cookie的名称(Name)和值(Value) 失效(到期)时间 Domain 域 Path路径 HttpOnly 设置了 HttpOnly 属性Cookie 不能通过JS去访问 Secure 安全标志 Secure限定了只有在使用了Https而不是http的情况下可以发送 阅读全文
posted @ 2023-03-21 19:15 zj勇敢飞,xx永相随 阅读(20) 评论(0) 推荐(0) 编辑
摘要:Cookie 的属性-1 Cookie的名称(Name)和值(Value) 最重要的两个属性,创建Cookie时必须填写,其它属性可以使用默认值 Cookie的名称或值如果包含非英文字母,则写入时需要使用encodeURlComponent 编码,读取使用哪个decodeURIComponent() 阅读全文
posted @ 2023-03-21 15:02 zj勇敢飞,xx永相随 阅读(29) 评论(0) 推荐(0) 编辑
摘要:初识 Cookie Cookie 是什么 Cookie 全称HTTPCookie,简称Cookie 是浏览器存储数据的一种方式 是因为存储在用户本地,而不是存储在服务器上,是本地存储 一般会自动随着浏览器每次请求发送到服务器端 Cookie 有什么用 利用Cookie跟踪统计用户访问该网站的习惯,比 阅读全文
posted @ 2023-03-21 10:09 zj勇敢飞,xx永相随 阅读(43) 评论(0) 推荐(0) 编辑
摘要:HTTP 状态码 HTTP状态码是什么 定义服务器对请求的处理结果,是服务器返回的 HTTP状态码的语义 100~199消息:代表请求已被接受,需要继续处理 websocket 200~299 成功: 300~399 重定向: 301 Moved Permanently(永久性的重定向) 302 M 阅读全文
posted @ 2023-03-20 21:08 zj勇敢飞,xx永相随 阅读(20) 评论(0) 推荐(0) 编辑
摘要:HTTP 方法与GET 1.常用的HTTP方法 浏览器发送请求时采用的方法,和响应无关 GET、POST、PUT、DELETE 用来定义对于资源才去什么样的操作,有各自的语义 2.HTTP方法的语义 GET获取数据 获取资源(文件) POST 创建数据 注册 PUT更新数据 修改个人信息,修改密码 阅读全文
posted @ 2023-03-20 15:45 zj勇敢飞,xx永相随 阅读(32) 评论(0) 推荐(0) 编辑
摘要:初识 HTTP http是什么 超文本传输协议(Hyper Text Transfer Protocol) html:超文本标记语言 超文本:原先一个个单一的文本,通过超链接将其连接起来。由原先的单一的文本变成了可无限延伸,扩展的超级文本,立体文本 HTML、js、css、图片、字体、音频、视频、等 阅读全文
posted @ 2023-03-20 14:37 zj勇敢飞,xx永相随 阅读(32) 评论(0) 推荐(0) 编辑
摘要:概念解释与前后端的通信方式 前后端通信的过程 前后端的通信就是在‘请求’-响应中完成的 概念解释“: 前端:浏览器端 客户端:只要能和服务器通信的就叫客户端 命令行工具: curl https:www.imooc.com 后端:服务器端 前后端的通信方式 使用浏览器访问网页 在浏览器地址栏输入网址, 阅读全文
posted @ 2023-03-20 10:55 zj勇敢飞,xx永相随 阅读(35) 评论(0) 推荐(0) 编辑
摘要:课程介绍 初始前后端通信 前后端通信的过程与概念解释 前后端的通信方式 HTTP协议 初识HTTP HTTP报文 HTTP方法 常用方法: get post get和post方法的对比 HTTP状态码 初识前后端通信 前后端通信是什么 前端和后端数据交互的过程 浏览器和服务器之间数据交互的过程 后端 阅读全文
posted @ 2023-03-20 09:02 zj勇敢飞,xx永相随 阅读(18) 评论(0) 推荐(0) 编辑
摘要:《黑马旅游网》综合案例十 旅游线路收藏 1.旅游线路收藏功能 分析 判断当前登录用户是否收藏过该线路 当页面加载完成后,发送ajax请求,获取用户是否收藏的标记 根据标记,展示不同的按钮样式 public void isFavorite(HttpServletRequest request, Htt 阅读全文
posted @ 2023-03-06 10:21 zj勇敢飞,xx永相随 阅读(128) 评论(0) 推荐(0) 编辑
摘要:旅游线路分页展示_分页数据展示_前台代码_页码展示 //当页码加载完成后,调用load方法,发送ajax请求加载数据 load(cid); }); function load(cid ,currentPage){ //发送ajax请求,请求route/pageQuery,传递cid $.get("r 阅读全文
posted @ 2023-03-02 17:10 zj勇敢飞,xx永相随 阅读(20) 评论(0) 推荐(0) 编辑
摘要:旅游线路分页展示_分页数据展示_代码实现_Servlet RouteServlet: package cn.itcast.travel.web.servlet; import cn.itcast.travel.domain.PageBean; import cn.itcast.travel.doma 阅读全文
posted @ 2023-03-02 16:54 zj勇敢飞,xx永相随 阅读(13) 评论(0) 推荐(0) 编辑
摘要:旅游线路分页展示_类别id传递 1.旅游线路的分页展示 点击了不同的分类后,将来看到的旅游线路不一样的。通过分析数据库表结构,发现,旅游线路表和分类表时一个多对一的关系 查询不同分类的旅游线路sql Select * from tab_route where cid = ?; 2.类别id的传递 R 阅读全文
posted @ 2023-03-02 16:10 zj勇敢飞,xx永相随 阅读(22) 评论(0) 推荐(0) 编辑
摘要:分类数据展示功能_缓存优化_分析 1.对分类数据进行缓存优化 分析发现,分类的数据在每一次页面加载后都会重新请求数据库来加载,对数据库的压力比较大,而且分类的数据不会经常产生变化,所有可以使用redis来缓存这个数据。 分析: 分类数据展示功能_缓存优化_代码实现 package cn.itcast 阅读全文
posted @ 2023-03-02 11:42 zj勇敢飞,xx永相随 阅读(17) 评论(0) 推荐(0) 编辑
摘要:分类数据展示功能_实现_后台代码 1.后台代码: package cn.itcast.travel.dao.impl; import cn.itcast.travel.dao.CategoryDao; import cn.itcast.travel.domain.Category; import c 阅读全文
posted @ 2023-03-02 10:23 zj勇敢飞,xx永相随 阅读(17) 评论(0) 推荐(0) 编辑
摘要:BaseServlet抽取_UserServlet&页面路径改写 package cn.itcast.travel.web.servlet; import cn.itcast.travel.domain.ResultInfo; import cn.itcast.travel.domain.User; 阅读全文
posted @ 2023-03-01 16:02 zj勇敢飞,xx永相随 阅读(13) 评论(0) 推荐(0) 编辑
摘要:退出功能 什么叫做登录了?session中有user对象。 实现步骤: 访问servlet,将session销毁 跳转到登录页面 登录成功 退出成功 代码实现: <span id="span_username"></span> <a href="myfavorite.html" class="col 阅读全文
posted @ 2023-03-01 14:45 zj勇敢飞,xx永相随 阅读(17) 评论(0) 推荐(0) 编辑
摘要:登录功能_实现_前台页面 $(function (){ //1.给登录按钮绑定点击事件 $("#btn_sub").click(function (){ //2.发送ajax请求,提交表单数据 $.post("loginServlet",$("loginForm").serialize(),func 阅读全文
posted @ 2023-03-01 10:49 zj勇敢飞,xx永相随 阅读(32) 评论(0) 推荐(0) 编辑
摘要:登录功能_实现_Servlet LoginServlet: package cn.itcast.travel.web.servlet; import cn.itcast.travel.domain.ResultInfo; import cn.itcast.travel.domain.User; im 阅读全文
posted @ 2023-03-01 09:54 zj勇敢飞,xx永相随 阅读(13) 评论(0) 推荐(0) 编辑
摘要:注册功能_邮件激活_代码实现_Service&Dao boolean active(String code); /** * 激活用户 * @param code * @return */ @Override public boolean active(String code) { //1.根据激活码 阅读全文
posted @ 2023-03-01 09:05 zj勇敢飞,xx永相随 阅读(16) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示