前后端交互
关注
分享
扫一扫
nanling0220
这个作者很懒，什么都没留下…
展开
-
Cors解决跨域设置
一：为什么CORS会有跨域问题 跨域问题的出现，是因为浏览器的同源策略对ajax请求进行阻拦了，但是并不是所有的请求都给做当做跨域，；像是一般的href属性，a标签什么的都不进行拦截二.什么是同源策略 同源策略是一种约定，它是浏览器最核心也会是最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。它约定请求的url地址，必须与浏览器的url地址处于同域上，也就是域...原创 2020-04-13 22:32:58 · 1914 阅读 · 0 评论 -
关于Ajax
ajax的定义。优势缺点：定义：Ajax = Ajax scipt 和XMLAjax是一种用来快速开发动态网页的技术Ajax通过后台数据写入可以实现局部刷新更多的用户体验及验证。不使用Ajax的传统网页，但必须加装整个页面优点：轻量级，体积小，节省流量，提高加载速度， 解析原生js对象比xml快。ajax是什么？解：是一种在无需重新加载页面的情况下，能够更新部分网页。...原创 2020-04-06 22:05:40 · 96 阅读 · 0 评论 -
进度条
<body> <input type="file" class="myfile"> 进度： <progress value="0" max="100"></progress> <span class="percent">0%</span> 速度： <span class="...原创 2020-04-06 21:53:01 · 89 阅读 · 0 评论 -
FormData
FormData在使用的时候可以不使用html代码代码的情况下，向后端提交数据，譬如下面这段代码：<script> document.querySelector("button").onclick = function(){ let file = document.querySelector(".myfile").files[0]; ...原创 2020-04-06 21:45:23 · 128 阅读 · 0 评论 -
ajax-post，get方法
**post**<script> document.querySelector("button").onclick = function(){ let xhr = new XMLHttpRequest(); xhr.open("post","/post",true); xhr.o...原创 2020-04-06 21:41:18 · 105 阅读 · 0 评论 -
前后端交互-async练习
<button>按钮一</button> <button>按钮二</button><script> //客户端建立连接 let socket = io.connect("/"); socket.on("getData",(data)=>{ conso...原创 2020-04-06 21:37:25 · 305 阅读 · 0 评论 -
网易云音乐（三）
json[ { "id":1, "songName": "演员", "album": "绅士", "singer": "薛之谦", "time": "04:21" }, { "id":2, "songName": "天分", "album": "...原创 2020-04-06 18:25:39 · 171 阅读 · 0 评论 -
客户端建立连接
<script> //客户端建立连接 let socket = io.connect("/"); socket.on("getData",(data)=>{ console.log(data); document.querySelector(".s").innerHTML = dat...原创 2020-04-06 18:17:43 · 238 阅读 · 0 评论