前后端对跨域请求的处理

ajax跨域请求及Content-Type相关内容 文中出现的源码在这里 I、简单请求 简单请求:使用 GET/POST/HEAD 的请求方式,且没有人为设置 CORS 安全首部字段集合之外的其他首部字段,且 Content-Type 首部为这三个值:text/plain, multipart/form-data, application/x-www-form-urlencoded,这种请求就是简…

Read More

ajax 中的302状态

第一次遇到这种问题,需要在ajax响应中获取302状态码,然后根据该状态码做特殊处理; 背景 起因是这样的:ajax请求的时候,会有公共的登录拦截,如果未登录或登录标识过期,就直接302跳登录页了;后端不想多做处理,让前端来做这个判断,如果是302,前端手动控制跳登录页; 登录判断这么处理的还是第一次遇到,一般常用做法是后端判断,然后包成json格式,前端通过某个字段标识判断是否登录; 一方面和后…

Read More

WordPress 中添加 ajax 请求

上篇 WordPress 文章中添加了文章阅读次数;本篇添加一个点赞的功能;样式是下图这样,或者直接拉到文章底部进行体验; 该功能可以在一定程度上得到访客的反馈,所以试着加一下该功能;原理是利用上篇中提到的 meta 标签/元数据 进行数据的存储;该功能涉及的逻辑如下: 访客觉得内容有用,可以点个赞,点赞区域显示已点赞状态; 如果误操作,可以再点一次进行取消,点赞区域恢复默认状态; 用户对文章的点…

Read More

JS 监听页面所有 ajax 请求

在开发Chrome扩展的时候偶然搜到的 原理非常简单,上面的代码是修改 XMLHttpRequest 原型上的 open 方法,在 open 方法中获取到当前的 xhr 对象实例,并监听 load/loaded 事件,这样就能在数据响应时获取返回结果了; 如果需要监听 send 方法,也是同理,可以在 send 方法中获取到一些请求的信息;或者在发送之前修改一些数据、请求头之类的; 最早想过这个问…

Read More