ajax
关注
分享
扫一扫
grand_brol
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 301 阅读 · 0 评论 -
ajax同源政策和跨域请求方式详解
什么是同源和跨域 客户端向服务器端发送响应，需要保证协议、域名和端口号相同，否则会出现跨域问题，而相同的协议、域名和端口号就叫同源，否则就是跨域。 同源政策的作用 保证用户信息安全 跨域请求方式 1、jsonp 原理：使用jsonp可以绕过同源政策 要求：前后端需要配合 使用步骤 1、将请求地址写在script的src属性中，因为src属性可以绕过同源政策,但是要求返回的必须是js代码。 2、所以要求服务端响应数据必须是一个函数的调用，而客户端需要的数据则作为函数的参数传递。 3、为了可以让函数可以在客户端原创 2020-08-22 17:30:28 · 357 阅读 · 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 · 93595 阅读 · 3 评论 -
ajax常见错误处理
http状态码和ajax状态码的区别 ajax状态码 表示ajax请求过程的状态，由ajax对象返回 http状态码 表示ajax请求处理的结果，由服务端返回 常见的四种错误 1、返回不是预期需要的数据，http状态码：400 if(xhr.status===400){ alert('请求出错') } 2、请求地址不存在，http状态码：404 检查请求方式和地址是否有错误 3、返回为定义参数，http状态码：500 服务端原因，更改服务端代码 4、网络中断 xhr.onerror=func原创 2020-08-17 21:52:58 · 504 阅读 · 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 · 435 阅读 · 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 · 596 阅读 · 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 · 643 阅读 · 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 · 1501 阅读 · 0 评论