阿里云网站备案登陆广东建设继续教育网站首页

当前位置： 首页 > news >正文

阿里云网站备案登陆,广东建设继续教育网站首页,163公司企业邮箱,wordpress模版xiu主题6.0一点回忆 面对我的Ajax学习#xff0c;实现前后端交互#xff0c;最开始我采用的使用网络寻找intellij IDEA Ultimate破解方法#xff0c;然后最终成功#xff0c;然后按照相关教程配置java ee项目#xff0c;然后中间又去配置了Tomcat服务器#xff0c;然后又去学习了一…        一点回忆 面对我的Ajax学习实现前后端交互最开始我采用的使用网络寻找intellij IDEA Ultimate破解方法然后最终成功然后按照相关教程配置java ee项目然后中间又去配置了Tomcat服务器然后又去学习了一点jsp以及servlet的相关知识最终我无法实现从第一个jsp页面跳转到其他Ajax交互实现方法的jsp页面而告终。 尽管我的第一次尝试挺轻松的直到我不用写后端直接把后端的jar包发给我相应的接口文档也有介绍只能说当时确实被打击到了觉得似乎前端不是很难难度直接从100变成10当时就给我干懵了我前前后后用了几天配置环境等等最后告诉我我那些都用不上了然后我用了二十分钟实现了需求。 直到今天我了解到为什么JavaScript是单线程以及它的效率不高还有同步等等问题我只能说它这个东西一点都不简单小看它了也是给我提了个很强烈的醒不要失去敬畏之心。 在我第一次验收的时候我似乎是走歪了路我对Ajax的重要的技术点漏了很多然后之后又想补上漏了的知识点然后似乎又有点偏激了直接开始抄写文档了学习了XMLHttpRequestXHR的每一个属性标准属性与非标准属性还有继承而来的属性以及非继承的属性现在想想确实是太偏激了应该止于了解常用的现阶段不该太深入的然后就是用了这么久学习了接近一个月的在校时间可能就是因为开学了之后浮躁了好多然后现在我用这么久才学了一个Ajax。不过也是长记性了博客需要每周都写不然容易忘记自己的阶段情况容易堕落了这个写博客的习惯我觉得有必要延续到以后写工作。 然后下面就是我的Ajax笔记作为一个节点留下为自己作为纪念。 思维导图二维表 比较内容 XMLHttpRequest jQuery axios 是什么 Ajax 功能实现依赖的对象 一个 js 的代码库一个轻量级的框架 一个基于 Promise 的网络请求库 有什么用 通过 HTTP 在浏览器和 web 服务器之间收发 XML 或其他数据 封装了 JavaScript 的基本内容 可以用在浏览器和 node.js 中但是符合最新的 ES 规范 哪里用 进行前后端交互的地方 快速获取文档元素提供漂亮的页面动态效果创建 AJAX 无刷新网页 可以用在浏览器和 node.js 中 怎么用 写在 js 代码中通过创建对象设置标头发送 针对选择器和事件处理 从浏览器创建 XHR从 node.js 创建 http 请求 封装有什么不同 主要封装了 ES、DOM、BOM只有很小一部分是 ajax 本质上就是 ajax简单来说就是发送 http 请求的GET 和 POST 比较项目 普通文件 XML 文件 JSON 文件 是什么 计算机中用来存储和组织数据的基本单位 同样是基本单位但是它有自己的规范要求 是基于ECMAScript的一个子集设计的是一种开放标准的文件格式和数据交换格式 为什么 系统设置存储任意内容 只针对规范进行存储 简洁和清晰的层次结构有效提升了网络传输效率易于人认识易于机器解析和生成与服务器之间的 web 应用程序的数据交换很好 哪里使用 存储任意数据 存储指定数据比如列表、json 字符串等等 存储指定的 JSON 结构的数据序列 怎么使用 通过记事本或其他文本编辑器 同样是通过记事本或其他文本编辑器 通过记事本或文本编辑器 JavaScript 中同步Synchronous)和异步Asynchronous)是两种处理代码执行顺序的主要方式。 比较项目 同步 JavaScript 异步 JavaScript what 前一个任务结束后再执行后一个任务程序执行顺序与任务的排列顺序是一致同步的 不按照代码顺序执行一个异步过程不再与原有的序列有顺序关系程序的执行顺序与任务的排列顺序是不一致的 why 这是 js 语言自身的特定所以他是单线程 从主线程发射一个子线程来完成任务 where 正常的嵌入 HTML 或者单独的 js 文件 同样嵌入 HTML 或者 js how 直接嵌入到 HTML 文件中 只有在进行 Ajax 调用的意义上是异步 比价项目 阻塞 非阻塞 what 调用函数函数没有接收完数据或者没有得到结果之前不会返回。 调用函数函数立即返回通过select通知调用者 why 线程进入了不可执行状态此时CPU 不会给线程分配时间片即线程暂停运行 不能立刻得到结果返回之前该调用不会阻塞当前线程 where 调用者等待返回结果 调用者等待返回结果 how 常常出现在多线程编程比如 Thread.sleep,还有 Object.wait 常常出现等待异步操作完成时保持响应而不是阻塞整个应用程序。比如 1.回调函数 2.Promise 对象 3.事件循环和 setTimeout XMLHttpRequest 构造函数 实例方法 属性 事件 what 一个特殊的方法用来实例化一个对象 XMLHttpRequest 这个类封装的方法 它是这个对象的特性或者说数据成员 一个代表性的事情 why 因为不调用构造或其他方式获得一个对象的话什么都干不了 不能只有一个人而没有这个人生存的方法 因为它的存在是为了更好的表示方法的状态等等 触发对象具有的事情然后会有返回值此时就可以更轻松的让计算机弄懂它怎么了 where 在要进行前后端交互准备对象 对象进行操作 直接就是对象然后.属性 直接就是判断对应的事件的返回值然后就可以了 how var xhr new XMLHttpRequest() xhr.open()/xhr.send() 比如 onreadystatechange 属性,然后 xhr.onreadystatechange function(){ if (xhr.readyState XMLHttpRequest.DONE xhr.status 200){ console.log(xhr.responseText); } } 比如 function doSomething() { if (request.readyState 4) { // 处理响应数据 } } 比较方法 open setRequestHeader send what 使用 XHR 对象时首先调用的方法 js 中用于设置头部信息的函数 一个用来发送 HTTP 请求的方法 why 初始化一个请求 发送 Ajax 请求前需要先设置请求头自定义 设置好要发送到后端的数据需要有发送这一步就像发送邮件一样 where 需要一个请求的地方 在 open 方法与 send 方法之间 在你设置完你要发送的东西以及指定好指定的发送格式以及返回格式之后 how 使用这个方法填入对应的参数请求方法URL是否异步 xhr.setRequestHearder(header, value); header 参数是 HTTP 请求头部字段的字符串value 参数是与 header 关联的值。 header 可以写 Content-Type 用来指定发送到服务器的数据类型Accept:指定客户端可以接收到的内容数据类型可以写 application/json 还有字符串数字日期和时间等等 xhr.send() send 中可以写空也可以写 null在使 get 或者 HEAD 方法的时候应该写 null 也可以不写不写的话会被默认为 null 然后这个还和请求是同步或者异步有一定的关系如果是同步的话需要到它全部完成才会返回如果是异步的话直接就会返回。 如果没有设置过标头的话就是 Accept 头部信息就会发送“/”的 Accept 头部。 role 创造者 装修工 信使