AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

回顾前端页面发送ajax请求方式

2024-10-23 37
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 回顾前端页面发送ajax请求方式

https://i-blog.csdnimg.cn/blog_migrate/ae7619c1c7fa69ec48e322e291959c36.jpeg#pic_center
@[toc]

6.1问题：回顾前端页面发送ajax请求方式？

答案：

1.xhr newXMLHttpRequest()

2.jQuery $.get $.post jQuery对xhr进行了2次封装

3.axios(推荐使用) 体积小，大约只有jQuery的1/4大小，axios对xhr进行了2次封装

4.fetch 而fetch是跟xhr平级的，所以如果xhr不让用了，那么jQuery和axios就都不能用了，而fetch可以继续使用。fetch有2个致命的问题：1）对返回数据包2层，获取数据费事；2）兼容性问题，IE就不能用fetch

文章标签：
前端开发
JavaScript
关键词：
前端页面
ajax请求
前端ajax
页面ajax
页面ajax请求
刘大猫.
目录
相关文章
gkkkkk
|
12天前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
gkkkkk
6 1
.自定义认证前端页面
大树营养快线
|
13天前
|
XML 前端开发 JavaScript
ajax请求详细怎么实现，和其中的响应状态
【10月更文挑战第29天】
大树营养快线
31 3
阿里云计算巢-雲尧
|
7天前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息，并通过阿里云计算巢完成了Appsmith的快速部署，使用者不需要自己下载代码，不需要自己安装复杂的依赖，不需要了解底层技术，只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith，非技术同学也能轻松搞定。
阿里云计算巢-雲尧
26 5
刘大猫.
|
30天前
|
JSON JavaScript 前端开发
《进阶篇第6章：vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章：vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
刘大猫.
57 22
刘大猫.
|
30天前
|
前端开发 JavaScript Java
第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
刘大猫.
53 4
大树营养快线
|
1月前
|
前端开发 JavaScript API
前端Get请求能在body上传参吗
【10月更文挑战第11天】 在浏览器环境中，GET请求的body参数会被忽略，这是因为浏览器中的XHR和fetch实现限制了这一行为。而在Node.js服务端环境中，GET请求可以在body中传递参数，因为服务端请求库没有这样的限制。实际上，GET请求不带body是HTTP标准的一部分，但在某些场景下，为了遵循RESTful规范，可以考虑通过服务端转发或BFF模式来实现复杂的参数传递。
大树营养快线
304 2
N..
|
6月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
68 1
天玄TX
|
6月前
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
天玄TX
68 0
热烈的马
|
6月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery，html，ajax）附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery，html，ajax）附源码 超详细
热烈的马
148 0
杨校
|
5月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校
45 0
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]

热门文章

最新文章

  • 1
    前端，测试如何修改后端接口返回的响应数据
  • 2
    【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
  • 3
    前端 时间个性化 插件 jquery.timeago.js
  • 4
    前端分页插件pagination
  • 5
    购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端，以及前后端Session
  • 6
    你用过的网站前端优化的技术有哪些？
  • 7
    wordpress页面前端添加编辑按钮
  • 8
    [前端]jekyll+markdown+github搭建个人博客
  • 9
    深入了解Webpack：前端模块打包工具
  • 10
    web前端开发--------CSS基础教程
  • 1
    jQuery ajax读取本地json文件 三级联动下拉框
    49
  • 2
    使用 AJAX 提升网页数据的动态交互
    124
  • 3
    Fetch API与Ajax请求
    82
  • 4
    ASP.NET AJAX使用方法概述（三）
    51
  • 5
    Ajax – JSON入门指南
    56
  • 6
    安装ASP.NET AJAX (一安装)
    99
  • 7
    CSR（客户端渲染）和AJAX在Web开发中各自扮演不同的角色
    64
  • 8
    AJAX和CSR（客户端渲染）是Web开发中常用的两种技术
    61
  • 9
    ajax Fileupload多文件上传实现
    70
  • 10
    学习Ajax使用异步对象发送请求
    68

    • 相关课程

    更多
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程
  • Ajax入门

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    阿里云OSS设置跨域访问