![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ajax
编码要得劲
努力学习
展开
-
Ajax跨域访问资源
使用jsonp请求非同源资源是不属于Ajax请求的,但是它可以模仿Ajax,下面是使用Ajax实现跨域资源共享客户端访问非同源资源在客户端中只需要在Ajax请求中的url中写上你所要访问第地址就行了但是在服务器端需要设置是否接受非同源的请求示例://首先可以设置拦截所有请求 app.use((req, res, next) => { // 1.设置允许哪些客户端访问 //...原创 2019-08-23 18:33:30 · 147 阅读 · 0 评论 -
Ajax跨域登录功能案例
1,在客户端向非同源的服务器端发出登录请求,在发送跨域请求时,需要携带cookie信息2,服务器端设置允许跨域请求,服务器端进行用户名密码验证,验证成功还需要将登录状态保存到session中,这样客户端每次的请求如果需要进行登录才能操作的话就可以先进性查看在做处理的客户端代码 // 获取登录按钮 var loginBtn = document.getElementById('login...原创 2019-08-23 18:43:45 · 581 阅读 · 1 评论 -
Ajax全局事件与restful的API
Ajax全局事件就是放有Ajax请求发出的时候,全局对象下就有原创 2019-08-24 14:50:49 · 111 阅读 · 0 评论 -
Ajax基础知识
首先Ajax的运行环境必须实在服务器下的Ajax使用步骤首先需要创建一个Ajax对象 var xhr = new XMLHttpRequest()告诉Ajax对象以什么方式发送请求,要想哪发送请求 xhr.open('get',url)发送请求 xhr.send()获取服务器端响应客户端的数据xhr.onload=()=>{ xhr.responseText }向服务器端发送...原创 2019-08-21 21:50:02 · 103 阅读 · 0 评论 -
Ajax函数封装与$.Ajax的使用
在开发中如果每次使用ajax就要手动去写一边流程,那样就太麻烦了,我把Ajax创建到响应结束的流程封装了一遍,代码如下function ajax(options) { //创建一个默认的请求设置,这样调用就可以传递你需要的改变的参数就行了 var defaults={ type: 'get', ...原创 2019-08-21 21:55:57 · 245 阅读 · 0 评论 -
FormData表单对象
在开发中,处理表单的场景非常多,提交数据的操作如果还使用传统的方式,先获取表单元素,在提交就会显得非常的繁琐,所以使用FormData对象来处理,就会简单的许多;方法解释new FormData(ele)创建一个formData对象,传入一个表单元素,返回一个表单对象get(‘key’)获取表单中对应name的value值set(‘key’,‘value’)...原创 2019-08-22 19:58:48 · 266 阅读 · 0 评论 -
JSONP基础与封装
由于游览器的同源政策的原因,Ajax只能向同源的服务器进行访问,如果访问游览器就会报错,所以使用JSONP解决同源限制问题jsonp不属于Ajax请求,但它可以模仿Ajax请求使用方法:1,在客户端中,将不同源的服务器端请求地址写在script标签的src属性中 <script src='www.xxx.com'></script>2,但是在服务器端响应数据必须是一...原创 2019-08-22 23:07:47 · 110 阅读 · 0 评论