【AJAX】1. AJAX简介

最新推荐文章于 2021-08-25 10:07:30 发布
最新推荐文章于 2021-08-25 10:07:30 发布
阅读量60 收藏
点赞数 2
分类专栏： 前端 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44895477/article/details/118343509
版权

AJAX

概念：Asynchronous JavaScript And XML 异步的JavaScript和XML
异步和同步：是在客户端和服务器相互通信的基础上

异步:客户端必须等待服务器端的响应，在等待的期间客户端不能做其他的操作。
同步:客户端不需要等待服务器端的响应，在服务器处理请求的过程中，客户端可以进行其他的操作

AJAX作用：

AJAX是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，AJAX可以实现网页的异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的部分地方进行更新。
最大的优势：无刷新获取数据
传统的网页（不使用AJAX）如需要更新内容，则必须重新加载整个网页。

  • AJAX优点：
    • 可以无需刷新页面而与服务器端进行通信
    • 允许你根据用户事件来更新部分页面内容
  • AJAX缺点：
    • 没有浏览历史，不能回退
    • 存在跨域问题（同源）
    • SEO不友好
小王今天更新了吗
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajaxupload.js
03-19
**1. AjaxUpload的工作原理** AjaxUpload通过创建一个隐藏的IFrame和一个表单来模拟文件上传过程。当用户选择文件并触发上传时，库会动态创建一个表单，将文件输入字段和目标URL设置好，然后提交到IFrame中。由于...
1.Ajax笔记.txt
03-08
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
jquery.unobtrusive-ajax.min.js
07-06
Ajax.BeginForm 提交，需要引用此文件才会执行OnSuccess
致远OA-ajax.do未授权文件上传漏洞1
08-08
近日，致远OA ajaxAction 文件上传漏洞利用代码披露,由于致远OA旧版本中某些接口存在未授权访问，以及部分函数过滤不足，攻击者通过构造恶意请求，可在无
Ajax-AjaxHandler.zip
09-17
Ajax-AjaxHandler.zip,简单的php类有助于轻松处理ajax请求,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json、xml和javascript。它用于创建动态网页，其中网页的小部分在不重新加载网页的...
【软件安装】Mac下VScode的安装和使用+express框架安装
weixin_44895477的博客
06-22 1820
1.下载安装包 https://code.visualstudio.com/ 直接去VScode官网找到对应版本下载即可 我看官网下载太慢了 就复制了下载链接去迅雷下 亲测很快 2.安装CSvode mac版本下载之后是一个压缩包 解压之后直接就是app 可以把app移动到应用程序即可 3.常见插件安装 点击扩展： 3.1 汉化包 搜索：chinese 就会出现 选择中文简体 即可 安装完需要重新启动程序才会生效 3.2 语言包 我用的是JavaScript 直接搜索安装即可 3.3 Auto C
【JS练习】输出质数
weixin_44895477的博客
03-30 644
题目一：在页面中接收一个用户输入的数字,并判断是否是质数 质数:只能被1和它自身整除的数,1不是质数也不是合数,质数必须是大于1的自然数 prompt()方法 用于显示可提示用户进行输入的对话框 如果用户单击提示框的取消按钮，则返回null。 如果用户单击确认按钮，则返回输入字段当前显示的文本。 因为质数：只能被1和它自身整除 所以i一旦存在一个数j（非1和它本身）可以整除，则说明它不是质数。 <!DOCTYPE html> <html> <head> <m
Mac OS搭建HTTP协议
weixin_44895477的博客
07-09 433
安装相关软件： 1. wireshark:著名的网络抓包工具 打开wireshark的官网, 进入到下载页面, 传送门: https://www.wireshark.org/download.html 点击macOS Intel 64-bit .dmg 开始下载 打开下载好的软件包, 将Wireshark.app 拖动到Applications 中 并双击Install ChmodBPF.pkg, 只有安装了这个, 才能捕获数据包 2. chrome/firefox 3. telnet -
win7系统下sublime Text3的安装
weixin_44895477的博客
01-22 416
系统：win7 1.安装sublime text3 直接百度搜索 sublime text3 download: 网址是：http://www.sublimetext.com/3 下载对应的版本进行安装 2.Sublime text3 手动安装Package Control 2.1 下载Package Control包 网址是https://github.com/AINY-LJW/package_control download zip即可 2.2 找到Sublime text3的安装路径 *\Sublim
【HTTP】http协议【更新中...
weixin_44895477的博客
07-01 405
1. http发展史 HTTP协议始于三十年前蒂姆·伯纳斯-李的一篇论文； HTTP/0.9是个简单的文本协议，只能获取文本资源； HTTP/1.0确立了大部分现在使用的技术，但它不是正式标准； HTTP/1.1是目前互联网上使用最广泛的协议，功能也非常完善； HTTP/2基于Google的SPDY协议，注重性能改善，但还未普及； HTTP/3基于Google的QUIC协议，是将来的发展方向。 2.http是什么？ http：超文本传输协议 协议：HTTP是一个用在计算机世界里的协议。它使用计算机能够理
【刷题】JavaScript V8华为机试
weixin_44895477的博客
08-25 351
描述 数据表记录包含表索引和数值（int范围的正整数），请对表索引相同的记录进行合并，即将相同索引的数值进行求和运算，输出按照key值升序进行输出。 输入描述： 先输入键值对的个数 然后输入成对的index和value值，以空格隔开 输出描述： 输出合并后的键值对（多行） 题目分析： 第一行为键值对个数，第二行以后的为成对的index和value 牛客系统上的输入是ACM模式，需要用readline()来获取 //获取到了键值对的个数 let num=readline(); const obj={}; fo
【ES6新增】class类
weixin_44895477的博客
07-06 286
JavaScript中，生成实例对象的传统方法是通过构造函数，ES6为了更接近传统语言的写法，引入了Class类这个概念，作为对象的模板，通过class关键字，可以定义类 定义类的方法时，前面不需要加上function关键字，直接把函数定义放进去就可以了，且方法之间不需要用逗号分隔 class Point{ ... } typeof Point //function Point===Point.prototype.constructor //true 类的数据类型就是函数，类本身就指向构造函数 使用的
Mac系统下的快捷键
weixin_44895477的博客
04-01 269
command+Y 恢复撤销 command+Z 撤销 command+K 重排代码格式 command+O 打开文件
【JS练习】拖拽
weixin_44895477的博客
05-11 237
鼠标按下事件：onmousedown 鼠标移动事件：onmousemove 鼠标松开事件：onmouseup 一个盒子，可以根据鼠标的拖拽进行移动 1.鼠标按下时开始拖拽 该事件绑定给box01 2.鼠标移动时，被拖拽元素跟着鼠标一起移动 该事件绑定给document 鼠标移动，被拖拽元素也跟着移动，根据鼠标的坐标改变被拖拽元素的坐标可以实现该功能 event.clientX 鼠标当前的x值 event.clientY 鼠标当前的y值 把这两个值分别给盒子的左边距和上边距即可 3.鼠标松开时，取消拖
JS框架之Vue
weixin_44895477的博客
06-30 227
0. vue简介 JavaScript框架 简化Dom操作 响应式数据驱动 1. 第一个vue程序 导入开发版本的Vue.js <!-- 开发环境版本，包含了有帮助的命令行警告 html --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 创建Vue实例对象，设置el和data属性 var app = new Vue({ el: '#app', data: {
【CSS复习】布局模型
weixin_44895477的博客
05-10 168
一、CSS布局模型 1.流动模型 flow 所有元素在默认情况下都是在文档流中存在的 文档流是网页的最底层 元素在文档流中的特点： 块元素： 默认宽度是父元素的全部 默认高度被内容（子元素）撑开 在网页中自上而下垂直排列 内联元素： 默认高度和宽度都被内容撑开 在页面中自左向右排列，如果一行不足以容下所有的元素，则换到下一行继续从左向右 2.浮动模型 float 可以使用float来设置元素的浮动 可选值： none：默认值，元素不浮动，就在文档流中 left：元素向页面的左侧浮动 right
【ES6新特性】Promise
weixin_44895477的博客
07-26 163
1.Promise介绍 Promise是ES6引入的异步编程的新解决方案，语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果 从语法上讲，promise是一个对象，从它可以获取异步操作的信息， 从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending进行中 fulfiled 已完成 rejected已失败 Promise的作用 用来解决回调地狱，常常第一个函数的输出是第二个函数的输入这种现象 promise可以支持多个并发的请求，获
【AJAX】3. AJAX XHR
weixin_44895477的博客
06-29 148
1.1 AJAX-创建XMLHttpRequest对象 XMLHttpRequest是AJAX的基础，用于在后台与服务器交换数据 new XMLHttpRequest() const xhr=new XMLHttpRequest(); IE5 IE6: const xhr=new ActiveXObject("Microsoft.XMLHTTP"); 1.2 AJAX-向服务器发送请求 如果需要将请求发送到服务器，我们使用XMLHttpRequest对象的open()和send()方法 open(metho
【AJAX】7.ajax请求超时与网络异常处理
weixin_44895477的博客
06-30 146
如果超过2s页面没有加载出来，就显示超时，如果网络异常就显示网络异常 // 针对延时响应 app.all('/delay',(request,response)=>{ // 设置响应头 设置运行跨域 response.setHeader('Access-Control-Allow-Origin','*'); // 加定时器 setTimeout(() => { // 设置响应体 response.send('延时响应'); },
Prototype Ajax深入解析：Ajax.Request详解
1. **Ajax.Request(URL,options)**：这个构造函数接收两个参数，URL指定请求的目标地址，options是一个包含各种配置选项的对象。 2. **asynchronous**：默认值为true，表示发送异步请求。如果设置为false，那么请求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值