ajax
Londing...
这个作者很懒,什么都没留下…
展开
-
ajax通过客户端的服务器去访问别的服务器避免同源政策
原理ajax的同源政策主要是浏览器比让你执行跨域请求,而如果我们通过自己的服务器去访问则没有限制,然后我们自己客户端防卫自己的服务器即可。A客户端->A服务器->B服务器A客户端代码 <button onclick="btn" id='button'>发送请求</button> <script> var btn = document.getElementById('button') btn.onclick = f原创 2020-08-22 22:03:44 · 226 阅读 · 0 评论 -
ajax同源政策和跨域请求方式详解
什么是同源和跨域客户端向服务器端发送响应,需要保证协议、域名和端口号相同,否则会出现跨域问题,而相同的协议、域名和端口号就叫同源,否则就是跨域。同源政策的作用保证用户信息安全跨域请求方式1、jsonp原理:使用jsonp可以绕过同源政策要求:前后端需要配合使用步骤1、将请求地址写在script的src属性中,因为src属性可以绕过同源政策,但是要求返回的必须是js代码。2、所以要求服务端响应数据必须是一个函数的调用,而客户端需要的数据则作为函数的参数传递。3、为了可以让函数可以在客户端原创 2020-08-22 17:30:28 · 276 阅读 · 0 评论 -
使用axios发送get和post请求详解
安装cnpm i axios -S或者 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>发送get请求方法一:在axios方法中直接传入一个对象,配置请求路径:url,传递参数:params。然后使用。.then方法获得响应数据//配置接口地址axios.defaults.baseURL = 'http://127.0.0.1:3000'function testget() {原创 2020-08-22 13:41:09 · 85746 阅读 · 3 评论 -
ajax常见错误处理
http状态码和ajax状态码的区别ajax状态码表示ajax请求过程的状态,由ajax对象返回http状态码表示ajax请求处理的结果,由服务端返回常见的四种错误1、返回不是预期需要的数据,http状态码:400if(xhr.status===400){ alert('请求出错')}2、请求地址不存在,http状态码:404检查请求方式和地址是否有错误3、返回为定义参数,http状态码:500服务端原因,更改服务端代码4、网络中断xhr.onerror=func原创 2020-08-17 21:52:58 · 359 阅读 · 0 评论 -
使用ajax状态码来接受响应数据
先了解几个属性1、readyState,状态码xhr.readyState//获得状态码2、onreadystatechange方法,表示当状态码发生改变时触发状态码表示含义0:表示ajax已经创建还未配置;1:表示表示ajax已经配置,还未发送;2:表示请求已经发送;3:表示已经接受到服务器端部分数据;4:表示服务器端数据接受完成使用 var xhr = new XMLHttpRequest() console.log(xhr.readyState) //=&g原创 2020-08-17 21:25:52 · 363 阅读 · 0 评论 -
ajax中post请求的使用及注意事项
使用表单发送一个post的请求HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><bod原创 2020-08-17 21:04:43 · 507 阅读 · 0 评论 -
ajax中get请求的使用及注意事项
使用表单提交一个get请求HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body&原创 2020-08-17 20:54:35 · 541 阅读 · 0 评论 -
实现一个简单的ajax请求
ajax请求写法1、创建一ajax实例var xhr = new XMLHttpRequest()2、设置相应方法和请求路径 xhr.open('get', 'http://127.0.0.1:3000/ajax')3、发送请求xhr.send()4、获得相应数据 xhr.onload = function() { console.log(xhr.responseText) }注:因为发送请求时不能在第一时间拿到数据,是一个异步操作,所以需要onload原创 2020-08-17 20:41:13 · 1420 阅读 · 0 评论