Ajax
像费曼%
这个作者很懒,什么都没留下…
展开
-
Ajax——cors
CORS (Cross-Origin Resource Sharing), 跨域资源共享。CORS 是官方的跨域解决方案,它的特点是不需要在客户端做任何特殊的操作,完全在服务器中进行处理,支持 get 和 post 等请求。跨域资源共享标准新增了一组 HTTP 首部字段(响应头),允许服务器声明哪些源站通过浏览器有权限访问哪些资源。CORS 是通过设置一个响应头来告诉浏览器,该请求允许跨域,浏览器收到该响应以后就会对响应放行。CORS怎么工作的?原创 2022-08-20 09:52:20 · 223 阅读 · 1 评论 -
Ajax——jQuery发送jsonp
Ajax——jQuery发送jsonp原创 2022-08-20 09:50:39 · 245 阅读 · 0 评论 -
Ajax——jsonp实践
1.需求:鼠标在input输入框输入用户名,当鼠标失去焦点时会向服务端请求数据判断该用户名是否存在。原创 2022-08-20 09:45:20 · 181 阅读 · 0 评论 -
Ajax——跨域解决
(其实不理解为什么 response.end(`handle(${str})`)传到jsonp.html页面后有字符串变成对象了?JSONP (JSON with Padding),是一个非官方的跨域解决方案,纯粹凭借程序员的聪明才智开发出来,只支持get请求。在网页有一些标签天生具有跨域能力,比如:img, link, iframe, script。4.4代码结果(出错的原因是js无法解析JSON)4.3推荐写在jsonp.html中。标签的跨域能力来发送请求的。JSONP 怎么工作的?原创 2022-08-19 21:54:15 · 238 阅读 · 0 评论 -
Ajax——同源策略
a:同源策略(Same-Origin Policy)最早由 Netscape 公司提出,是浏览器的一种安全策略。5.在以上的代码中遵循的是同源策略,在127.0.0.1页面请求127.0.0.1的文件index.html。b:同源:协议、域名、端口号 必须完全相同。dirname命令用于显示文件或目录路径。e:a.com-->b.com就是跨域。2.代码展示(index.html)d:Ajax默认遵循同源策略。_dirname表示绝对路径。c:违背同源策略就是跨域。...原创 2022-08-16 23:56:55 · 214 阅读 · 0 评论 -
Ajax——fetch请求
代码】Ajax——fetch请求。原创 2022-08-19 17:07:25 · 93 阅读 · 0 评论 -
Ajax——axios请求
出现以上bug的原因是因为请求头里面有中文字体,无法编译。只需将headers里面所有的值都改为英文即可。2.前端最常用的异步请求。原创 2022-08-16 22:09:08 · 191 阅读 · 0 评论 -
Ajax——jQuery发送Ajax请求
type:设置返回内容格式,xml、html、script、json、text、_default。callbac: 载入成功时回调函数。2.post请求与get请求差不多。1.jQuery的get请求。url: 请求的URL地址。data: 请求携带的参数。原创 2022-08-16 17:12:27 · 198 阅读 · 0 评论 -
Ajax——请求重复发送问题
1.用户在网络差的时候一直点击按钮发送请求会导致服务器崩溃。原创 2022-08-13 17:38:44 · 190 阅读 · 0 评论 -
Ajax——取消请求
代码】Ajax——取消请求。原创 2022-08-13 17:06:14 · 66 阅读 · 0 评论 -
Ajax——超时与网络异常
2.1 timeout属性等于一个整数,用来设置当请求发出后等待接受响应的时间。ontimeout()方法则是当等待超时后,自动执行的回调方法。1.用户给服务器发送强求,但服务器有时候不及时响应,或者存在网络异常等问题导致用户体验感下降,为了提高用户的体验感我们可以设置弹框提示。......原创 2022-08-13 17:07:03 · 235 阅读 · 0 评论 -
Ajax——IE缓存
1.IE对服务请求结果做一个缓存,下一次请求的是本地缓存,不会渲染最新返回的结果,对于时效性较强的网页渲染不友好。2.代码(加上data.now(),代表是当前的请求)原创 2022-08-13 16:16:40 · 97 阅读 · 0 评论 -
Ajax——nodemon自动重启工具安装
nodemon xx.js,只要按下Ctrl+s便会自动更新。1.在vscode执行如下指令。原创 2022-08-13 12:10:09 · 199 阅读 · 0 评论 -
Ajax——服务端响应JSON数据
1.服务端返回的是JSON数据,需要知道在页面怎么处理JSON数据。2.需求:服务端返回JSON类型的数据,将该数据渲染到页面上。原创 2022-08-13 11:53:08 · 337 阅读 · 0 评论 -
Ajax——发送POST请求
1.需求:鼠标移过div方框会将请求服务器返回的结果打印在div内。3.POST设置请求参数。原创 2022-08-13 11:21:58 · 1303 阅读 · 0 评论 -
Ajax——设置请求参数
每一个状态被激活,则调用一次onreadystatechange()xhr.onreadystatechange()中的五个状态的意思。点击按钮获取服务端响应的结果。原创 2022-08-10 12:42:50 · 547 阅读 · 0 评论 -
Ajax——express的基本使用
使用前端Ajax需要给服务器发送请求,而express可以模拟服务端。1.为什么要使用express框架。2.安装和使用express。原创 2022-08-10 11:20:15 · 210 阅读 · 0 评论 -
Ajax--http请求报文&响应报文(需要计算机网络知识点)
1.http(hypertext transport protocol)协议【超文本传输协议】,协议详细规定了浏览器和万维网服务器之间相互通信的规则。头 Content-type:text/html;ie=utf-8 HTTP/1.1(协议的版本号)体 username = admin&password=admin。百事可乐行 HTTP/1.1 200(状态码) OK。体 ...原创 2022-08-10 10:47:04 · 364 阅读 · 0 评论 -
AJAX学习第一章
Ajax全称为Asynchronous Javascript And XML,即异步JS和XML无刷新获取数据AJAX不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式XML:可扩展标记语言XML:被设计用来传输和存储数据XML和HTML类似,不同点:HTML中都是预定义标签,XML中没有预定义标签,全是自定义标签,用来表示一些数据现在已被JSON取代比如说,有一些学生数据:name = "孙悟空";age="18";gender="男";...原创 2022-08-10 10:08:51 · 71 阅读 · 0 评论