Ajax
关注
分享
扫一扫
文章平均质量分 77
ajax
_洋
一起学习吧
展开
-
跨域请求的处理-jsonp、cors
文章目录同源策略跨域跨域的解决jsonpjsonp定义jsonp工作方式jsonp的使用jsonp实现跨域请求实例jQuery发送jsonp请求CORS解决跨域请求CORS是什么?CORS怎么工作的?使用cors实现ajax的跨域请求补充：所有响应头种类见这里同源策略同源策略是浏览器的一种安全策略。同源策略：即 网页的url 和 该网页请求的url 的协议、域名、端口必须保持一致。协议、域名、端口必须保持一致就是说网页的加载服务器和页面请求的请求服务器是同一个服务器的同一个服务。ajax默认支持同原创 2022-05-14 17:49:41 · 838 阅读 · 0 评论 -
fetch发送ajax请求
fetch对象属于全局对象，可以直接调用，他的返回结果是一个promise对象，该promise会在请求响应之后被设防，并传回一个response对象。fetch请求ajax格式：fetch('url',{参数名：参数值})eg： fetch('http://127.0.0.1:8000/fetch-server?vip=10',{ // 请求方法 method:'POST', // 请求头 headers:{ name:'yang'原创 2022-05-14 14:07:48 · 1257 阅读 · 0 评论 -
axios发送Ajax请求
文章目录axios简介请求格式get请求post请求ajax请求（通用请求，既可post也可get）所有代码axios简介axios是一个前端Ajax的一个工具库。axios资源 https://github.com/axios/axiosaxios的引入：<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.js"></script>请求格式get请求axios.get('url地址',{原创 2022-05-13 23:09:02 · 1182 阅读 · 0 评论 -
jQuery发送ajax请求
格式$.get(给谁发请求，发送的参数（是一个对象），回调函数)回调函数有一个参数data，里面装的是响应体的内容。原创 2022-05-13 22:20:43 · 1158 阅读 · 0 评论 -
Ajax重复发送请求
问题的产生用户频繁地点击一个发送请求的按钮，服务器就会频繁地处理请求，而且处理的内容是一样的，这样会导致服务器的压力很大。这种情况下服务器就没有必要处理每一个请求。解决方案发送请求的时候先查看有没有正在请求的相同请求，如果有就将之前的请求关闭，发布当前的新请求。好处是服务器接受且只接收一个请求，大大提高了效率。代码实现：通过设置标识来判断是否将该请求取消<!DOCTYPE html><html lang="en"><head> <met原创 2022-05-13 19:12:31 · 857 阅读 · 0 评论 -
ajax手动取消请求
在请求发送过程中，服务器返回请求之前我们可以手动取消请求。可以通过请求对象的abort()方法来取消请求。eg：取消请求.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con原创 2022-05-13 18:38:37 · 1270 阅读 · 0 评论 -
AJAX请求超时与网络异常处理
文章目录问题产生实现请求延时没有网络问题产生在产品应用过程不可避免地会出现网络问题，这时候我们希望ajax能有一个友好的提醒实现请求延时效果：如果2s内服务器仍没有相应，提示“网络超时，请稍后重试”。只需要设置 xhr的timeout属性即可。eg：xhr.timeout = 2000;就代表如果超过两秒还不能响应就取消请求。代码实现：server.js// 1.引入expressconst express = require('express');// 2.创建应用对象const原创 2022-05-13 18:20:40 · 763 阅读 · 0 评论 -
ajax的IE缓存问题
文章目录结果的产生ajax解决缓存问题结果的产生IE 缓存问题，IE浏览器会将ajax请求的返回结果进行缓存，如果再遇到相同的ajax请求，就直接在缓存中取结果，这样就得不到最新的服务器响应结果。（chrom浏览器可以实时更新）eg：server.js// 1.引入expressconst express = require('express');// 2.创建应用对象const app = express();// 3.创建路由规则// 如果请求行的路径是/server的GET请求就原创 2022-05-13 16:58:23 · 346 阅读 · 0 评论 -
nodemon
文章目录nodemon简介安装nodemon使用nodemon启动服务器nodemon简介nodemon是一个工具帮助我们开发node.js应用。nodemon可以监测文件变化，一旦文件发生了变化就会重新启动服务。安装nodemon注意：此工具的安装是基于nodejs的。安装命令：npm install -g nodemon使用nodemon启动服务器格式： npx nodemon server.jseg:当服务器的内容发生改变会自动重启：......原创 2022-05-13 16:29:52 · 875 阅读 · 1 评论 -
AJAX-服务端响应JSON数据
文章目录实例服务器端响应传回数据手动转换自动转换实例eg：json.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in原创 2022-05-13 16:10:23 · 437 阅读 · 0 评论 -
AJAX的请求操作
文章目录案例准备案例准备前端页面准备：GET.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale原创 2022-05-13 09:40:54 · 322 阅读 · 0 评论 -
Express框架介绍与基本使用
文章目录简介vscode中使用Expressexpress下载express的基本使用express启动简介Express：基于Node.js平台，快速、开放、极简的Web并发框架。官网：https://expressjs.com/zh-cn/vscode中使用Expressexpress下载打开vscode终端输入初始化命令：npm init --yes输入下载命令： npm i expressexpress的基本使用格式（是用 js 写的）express基本使用.js：//原创 2022-05-12 21:57:55 · 198 阅读 · 0 评论 -
HTTP协议请求报文与响应文本结构
文章目录http请求报文响应报文网络控制台查看通信报文httpHTTP协议：超文本传输协议，协议详细规定了浏览器和万维网服务器之间相互通信的规则。协议是一种规则，绝大多是网页的传输都是http协议。请求报文请求报文：ajax通过发送请求报文来请求服务器。请求报文格式：（4部分组成）请求行：请求类型（GET\POST）/ URL路径（传参） / http协议的版本请求头：Host: baidu.comCookie: name=baiduContent-type: applic原创 2022-05-12 21:14:02 · 375 阅读 · 0 评论 -
AJAX简介
文章目录AJAX简单介绍XML简介xml含义xml和htmlAJAX简单介绍ajax全称：Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）最大的特点是在网页不刷新的情况下向服务器发送http请求，得到http响应。即可以与服务器交换数据并更新部分网页内容。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。eg1：搜索框提示内容eg2：悬浮显示内容——懒加载，按需加载eg3：滚动条滚到到低端之后会加载显示更多的内容，使用的也是原创 2022-05-12 16:54:21 · 176 阅读 · 0 评论