![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ajax
前端Jason
做一个能独立思考的人,有话可说,有事可干,歌以咏志。
展开
-
基于axios的项目api封装总结
原味ajax复习// get请求var xhr = new XMLHttpRequest;xhr.open("get", "08.php?name=hucc");xhr.send(null); // get 请求没有请求体所有未null// post 请求var xhr = new XMLHttpRequest;xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");xhr.send("name=hu原创 2020-05-16 19:38:09 · 269 阅读 · 0 评论 -
FormData上传进程监听
效果图FromDtata.html<style>.info { width: 500px; min-height: 200px; border: 1px solid red; margin: 0 auto;}.out { width: 80%; height: 20px; margin: 50px auto; border: 1px sol...原创 2019-12-09 20:20:08 · 179 阅读 · 0 评论 -
模板引擎
模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。为什么要使用模板引擎我们通过ajax获取到数据后,需要把数据渲染到页面,在学习模板引擎前,我们的做法是大量的拼接字符串,对于结构简单的页面,这么做还行,但是如果页面结构很复杂,使用拼串的话代码可阅读性非常的差,而且非常容易出错,后期代码维护也是相当的麻烦。...原创 2019-12-09 20:10:34 · 128 阅读 · 0 评论 -
前后端交互的两种方式
方式一:表单提交表单(form):表单用于收集用户输入信息,并将数据提交给服务器。是一种常见的与服务端数据交互的一种方式//1. action:指定表单的提交地址//2. method:指定表单的提交方式,get/post,默认get//3. input的数据想要提交到后台,必须指定name属性,后台通过name属性获取值//4. 想要提交表单,不能使用input:button 必须...原创 2019-12-09 20:07:47 · 10520 阅读 · 6 评论 -
jsonp介绍及原理
jsonp介绍为了保证用户信息的安全,防止恶意的网站窃取数据,目前所有浏览器都实行了同源策略,而不同源 则跨域。同源策略最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。现在浏览器的所谓"同源"指的是"三个相同":协议相同域名相同端口相同例如:http://www.example.com/dir2/other.html:同源http:...原创 2019-12-05 22:29:34 · 156 阅读 · 1 评论 -
几种本地存储方式
浏览器本地存储的容器:1-cookie2-sessionStorage3-localStoragecookiecookie 浏览器早期存储数据容器, 主要用于 存放用户名和密码特点:容量小 4kb操作繁琐 ‘name=zs; pass=123; age=20’h5中新增两个容器:sessionStorage、localStoragelocalStorage:...原创 2019-11-29 10:50:07 · 1383 阅读 · 0 评论