• 自动秒收录
  • 软件:1973
  • 资讯:57811|
  • 收录网站:279851|

IT精英团

js系列41 :Ajax

js系列41 :Ajax

浏览次数:
评论次数:
编辑: 乐咏
信息来源: 51CTO博客
更新日期: 2021-07-22 12:19:33
摘要

js系列四十一:Ajax,Ajax是网页与服务端进行数据交互的一种技术.我们可以通过服务端提供接口,用Ajax向服务端请求我们需要的数据,整个过程的简单实现如下所示.//简单的Ajax原生实现//由服务端提供接口varurl="https://baidu.com/";varresult;varXHR=newXMLHttpResquest();XHR.open('GET',url,true...

  • 正文开始
  • 相关阅读
  • 推荐作品

Ajax是网页和服务器之间的数据交互技术。我们可以通过服务器提供接口,并使用Ajax向服务器请求我们需要的数据。整个过程的简单实现如下。

//简单的Ajax本机实现

//服务器提供的接口

var URL=' https://Baidu.com/';

var结果;

var XHR=new XMLHttpResquest();

XHR.open('GET ',url,true);

xhr . send();

xhr . onreadystatechange=function(){ 0

if(XHR . ready state==4 XHR . status==200){ 0

结果=XHR.response

console.log(结果);

}

}

在Ajax的本机实现中,使用onreadystatechange事件。只有当事件被触发并满足一定条件时,我们才能得到我们想要的数据,然后对数据进行处理。

这看起来不像什么,但是如果此时需要发出另一个Ajax请求,那么这个新的Ajax请求中的一个参数必须从以前的Ajax请求中获得。这时,我们必须这样做

//简单的Ajax本机实现

//服务器提供的接口

var URL=' https://Baidu.com/';

var结果;

var XHR=new XMLHttpResquest();

XHR.open('GET ',url,true);

xhr . send();

xhr . onreadystatechange=function(){ 0

if(XHR . ready state==4 XHR . status==200){ 0

结果=XHR.response

console.log(结果);

//伪码约为:如下

var url2=' .';

var xhr 2=new XMLHttpResquest();

xhr 2 . open();

xhr 2 . send();

.

}

}

当有了第三个Ajax,它会变得越来越麻烦,它会产生我们所说的回调地狱

js系列四十五:异常处理
« 上一篇 2021-07-22
js系列37 :模板字符串
下一篇 » 2021-07-22
  • 如何在Ubuntu中保留文件系统并备份当前开发板镜像
    0阅读 0条评论 个赞
    在Ubuntu保留文件系统或者说备份当前开发板镜像的需求在不断增加。比如Ubuntu文件系统需要安装库文件的话直接使用apt-get工具就可以下载,但由于需要下载的核心板较多,比较费时间,这时需要将安……
  • 国产核心板全志T507助力消防系统升级
    0阅读 0条评论 个赞
    9月16日下午,位于湖南长沙市区内的中国电信大楼发生火灾,建筑高度218米,现场浓烟滚滚,数十层楼体燃烧剧烈。消防救援人员赶到现场后很快将火势控制住,目前大楼火势已被扑灭,所幸未发现人员伤亡。湖南电信……
  • 教大家如何处理Spring Boot易流中的用户和群体!
    0阅读 0条评论 个赞
    1.准备工作2.用户操作2.1添加用户2.2修改用户2.3删除用户2.4查询用户3.组操作3.1添加组3.2修改组3.3删除组3.4查询组4.查看表详情虽然说我们在实际开发中,……
  • 从PG15开始WAL压缩优化
    0阅读 0条评论 个赞
    PG15传闻中的超级令人激动的功能大多数跳票了,年初我也写过一个关于PG15新功能跳票的文章。PG15BETA已经发出几个月了,似乎PG15里令人激动人心的功能不多,不过从长长的新功能列表里,……
  • 深入了解美团叶子发射器开源方案
    0阅读 0条评论 个赞
    大家好,我是树哥。之前我们有聊过「如何设计一个分布式ID发号器」,其中有讲过4种解决方案,分别是:UUID类雪花算法数据库自增主键Redis原子自增美团以第2、3种解决方案为基础,开发出……
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
  • 卡夫卡详解(一)——卡夫卡是什么 怎么用
    0阅读 0条评论 个赞
    kafka是什么在回答这个问题之前,我们需要先了解另一个东西--eventstreaming。什么是eventstreaming我觉得,eventstreaming是一个动态的概念,它描述了一……
  • 详细解释MySQL隔离级别
    0阅读 0条评论 个赞
    一个事务具有ACID特性,也就是(Atomicity、Consistency、Isolation、Durability,即原子性、一致性、隔离性、持久性),本文主要讲解一下其中的Isolation,也……
  • 教大家如何处理Spring Boot易流中的用户和群体!
    0阅读 0条评论 个赞
    1.准备工作2.用户操作2.1添加用户2.2修改用户2.3删除用户2.4查询用户3.组操作3.1添加组3.2修改组3.3删除组3.4查询组4.查看表详情虽然说我们在实际开发中,……
  • 三万字肝爆《数据仓库体系》
    0阅读 0条评论 个赞
    文章很长,前言一定要看拥有本篇文章,意味着你拥有一本完善的书籍,本篇文章整理了数据仓库领域,几乎所有的知识点,文章内容主要来源于以下几个方面:源于「数据仓库交流群」资深数据仓库工程师的交流讨论,如《s……
  • 解决ShardingJdbc不支持复杂SQL问题的说明
    18阅读 0条评论 个赞
    背景介绍公司最近做分库分表业务,接入了ShardingJDBC,接入完成后,回归测试时发现好几个SQL执行报错,关键这几个表都还不是分片表。报错如下:这下糟了嘛。熟悉ShardingJDB……
  • Java精进-手写持久层框架
    0阅读 0条评论 个赞
    前言本文适合有一定java基础的同学,通过自定义持久层框架,可以更加清楚常用的mybatis等开源框架的原理。JDBC操作回顾及问题分析学习java的同学一定避免不了接触过jdbc,让我们来回顾下初学……
  • 基于Flyway的数据库版本控制实践
    0阅读 0条评论 个赞
    背景大家平时在开发过程中,会用Git来进行我们的代码管理。如Git这些,使用这些版本控制系统能轻松的帮我们解决不同开发人员之间的代码冲突处理版本回退实现软件代码的CI/CD等那大家考虑过么,针对数据库……
  • 漫谈考试成长的探索——考试策略
    0阅读 0条评论 个赞
    在《漫谈软件系统测试——问题解决》一文中,文章借鉴控制疫情的四大策略,总结了软件系统质量保障的四大策略。那么在日常工作中,我们应该如何理解测试策略呢?什么是测试策略?测试策略是描述软件开发周期的测试方……
  • 公司排班系统遇到瓶颈?我自己造一个!
    10阅读 0条评论 个赞
    本期名人堂我们有幸邀请到了白鲸开源的联合创始人代立冬先生。代立冬先生与我们分享了自己社区开源的经历,详细介绍了一个开源项目是如何加入Apache孵化器,如何在导师的辅导下慢慢孵化、成长的过程,以及自己……
  • Java线程面试题前50名
    0阅读 0条评论 个赞
    .css-1yuhvjn{margin-top:16px;}.css-3jt6os.FileLinkCard{-webkit-align-items:center;-webkit-box-align……
  • 高手面试一个人 问4个问题就够了
    0阅读 0条评论 个赞
    作者|Mr.K编辑|Emma来源|技术领导力(ID:jishulingdaoli)金九银十求职季又要来了。据统计,今年的应届毕业生已破千万,加上社会面存量人才,相信今年的人才季的热度,不会低于今年……
  • 2022数字技能职业教育生态研讨会
    9阅读 0条评论 个赞
    职业教育是国民教育体系和人力资源开发的重要组成部分。发展职业教育,已经成为世界各国应对经济、社会、人口、环境、就业等方面挑战,实现可持续发展的重要战略选择。中国职业教育源远流长,师徒制教学有着悠久的……
  • Python自学教程7:字典类型有什么用
    0阅读 0条评论 个赞
    字典是Python中的一个重要操作,如果字典玩得顺,很多其他的数据类型就可以一通百通。Python字典的定义字典使用一对大括号进行定义,键值对之间使用逗号隔开,键和值使用冒号分隔。键必须是不可变类型,……
  • Java开发学习(29)——Maven依赖转移、可选依赖和排除依赖分析
    0阅读 0条评论 个赞
    现在的项目一般是拆分成一个个独立的模块,当在其他项目中想要使用独立出来的这些模块,只需要在其pom.xml使用标签来进行jar包的引入即可。其实就是依赖……
  • 大促销活动如何抵御高流量DDoS攻击?
    0阅读 0条评论 个赞
    大促活动如何抵御大流量DDoS攻击?每一次活动大促带来的迅猛流量,对技术人而言都是一次严峻考验。如果在活动期间遭受黑产恶意DDoS攻击,无疑是雪上加霜。电商的特性是业务常态下通常不会遭受大流量DD……
  • 从PG15开始WAL压缩优化
    0阅读 0条评论 个赞
    PG15传闻中的超级令人激动的功能大多数跳票了,年初我也写过一个关于PG15新功能跳票的文章。PG15BETA已经发出几个月了,似乎PG15里令人激动人心的功能不多,不过从长长的新功能列表里,……
  • 面试官:谈谈你对mysql事务的认识?
    0阅读 0条评论 个赞
    引言今天回头继续讲讲数据库系列的文章。这篇文章属于mysql数据库系列,我们来谈谈事务方面的常见面试题。那么,具体题目有下面这些:1、讲讲为什么用事务?事务的四大特性?事务的隔离级别知道吧,你们生产……
  • 百度工程师教你玩设计模式(工厂模式)
    0阅读 0条评论 个赞
    作者|北极星小组想要写好代码,设计模式(DesignPattern)是必不可少的基本功,设计模式是对面向对象设计(ObjectOrientedDesign)中反复出现的问题的解决方案,本篇介绍……
  • Sql Server连接池及其用法
    0阅读 0条评论 个赞
    其实我们一直在使用SqlServer的连接池。在连接字符串中,Pooling为是否启用连接池,默认值为true,表示启用。与连接池相关的两个重要参数是MinPoolSize和MaxPoo……
  • SQL Server数据库性能优化
    0阅读 0条评论 个赞
    分析比较执行时间计划读取情况1.查看执行时间和cpusetstatisticstimeonselect*fromBus_DevHistoryDatasetstatisticstime……
最近发布资讯
更多