ajax清请求过程,JS深入基础之Ajax的请求过程

Ajax的请求过程

1.创建XMLHttpResquest实例对象

2.Resquest.open(),三个参数分别是(method,url,async)

3.可以按需求来设置request.setRequestHeader来设置请求头

3.如果Resquest.open()的async参数是true(默认是true),那么就要定义事件监听器onreadystatechange,

他可以在事件监听器的函数内以检测request.readyState请求状态,request.status响应状态码,request.getResponseHeader('Content-Type')查找Content-Type头来验证响应主体是不是期望的类型。如果都通过callback返回request.responseText

4.如果Resquest.opne()的第三个参数async的值是false,那么表示就是同步的,就不需要事件处理程序了,不用设置request.onreadystatechange。

5.Request.send(),如果是post,里面要设置一个string来放置post的参数,get则不用。

下面来分别写一个post和get的例子

// 异步post

function postExp(url,msg,callback){

var request = new XMLHttpRequest()

request.open('post',url)

request.setRequestHeader('Content-type','text/plain;charseUTF-8')

request.onreadystatechange = (()=>{

if(request.readyState === 4 && request.status === 200){

callback('成功')

}else{

callback('失败了')

}

})

request.send(msg)

}

// 异步get

function getExp(url,callback){

var request = new XMLHttpRequest()

request.open('get',url)

request.onreadystatechange = (()=>{

// 请求结束并且成功

if(request.readyState === 4 && request.status === 200) {

var type = request.getResponseHeader('Content-type')

if(type.indexOf('xml') != -1 && request.responseXML){

callback(request.responseXML)

}else if (type == 'aplication/json'){

callback(JSON.parse(request.responseText))

}else {

callback(request.responseText)

}

}

})

request.send(null)

}

复制代码

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/513723.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

融合趋势下基于 Flink Kylin Hudi 湖仓一体的大数据生态体系

简介: 本文由 T3 出行大数据平台负责人杨华和资深大数据平台开发工程师王祥虎介绍 Flink、Kylin 和 Hudi 湖仓一体的大数据生态体系以及在 T3 的相关应用场景。 本文由 T3 出行大数据平台负责人杨华和资深大数据平台开发工程师王祥虎介绍 Flink、Kylin 和 Hudi 湖仓…

阿里云推出“磐久”云原生服务器系列 能效和交付效率大幅提升

10月19日上午,在2021杭州云栖大会上,阿里云正式推出面向云原生时代的“磐久”自研服务器系列,首款搭载自研芯片倚天710的磐久高性能计算系列也同时亮相,该款服务器将在今年部署,为阿里云自用。 据悉,磐久服…

代码评审中的代码协同

简介: 代码评审中同样存在着“Talk is cheap. Show me the code”,语言无力时,直接上代码吧。这就是我们今天要讨论的话题——代码评审中的代码协同。 作者 | 知忧 来源 | 阿里技术公众号 大神说:“Show me the code”&#xff0…

山东师范大学志愿推荐系统邀请码_快看点邀请码填写HGC1QK快看点邀请码填写HGC1QK快看点邀请码大家千万不要乱填写哦...

快看点邀请码填写HGC1QK快看点邀请码填写HGC1QK快看点邀请码大家千万不要乱填写哦快看点官网下载是一款非常好玩的软件,喜欢此类风格的用户可以体验一下哦。快看点官网下载特色系统:如此好玩的快看点官网下载,千万别错过,来下载体验吧&#x…

10种编程语言实现Y组合子

简介: Y组合子是Lambda演算的一部分,也是函数式编程的理论基础。它是一种方法/技巧,在没有赋值语句的前提下定义递归的匿名函数,即仅仅通过Lambda表达式这个最基本的“原子”实现循环/迭代。本文将用10种不同的编程语言实现Y组合子…

python 水仙花_python 水仙花

#简单 def narcissus(): for n in range(100, 1000, 1): a, b, c n//100, (n//10)%10, (n%100)%10 if a ** 3 b ** 3 c ** 3 n: print(n) #使用yield写法 def narcissus_yield(): m, n 100, 999 while m < n: a, b, c m // 100, (m // 10) % 10, (m % 100) % 10 if a …

7读不出来卡显示无服务器,win7识别不了网络如何解决_win7显示未识别网络的处理方法...

我们在使用萝卜家园win7系统系统久了之后难免会出现各种问题&#xff0c;例如最近就有网友向小编反映说自己的win7出现了识别不了网络的情况&#xff0c;不知道怎么解决很是苦恼。没关系&#xff0c;下面本文就为大家整理了关于win7显示未识别网络的处理方法。处理方法如下&…

走完线上 BUG 定位最后一公里

简介&#xff1a; 因为线上线下环境隔离的问题&#xff0c;线上的输入很多时候难以在日常环境中构造&#xff0c;定位 bug 效率低下。是否有简单快捷的办法呢&#xff1f; 一个小故事 周末12点的闹钟在回龙观均价3000的出租屋急促的响起&#xff0c;程序员小A慵懒的拿过手机&…

不带头节点的链表有哪些缺点_14. 删除链表中重复的结点

删除链表中重复的结点 题目描述在一个排序的链表中&#xff0c;存在重复的结点&#xff0c;请删除该链表中重复的结点&#xff0c;重复的结点不保留&#xff0c;返回链表头指针。 例如&#xff0c;链表1->2->3->3->4->4->5 处理后为 1->2->5写链表中我…

python连等号_Python比较2列表和2元组用等号

好吧&#xff0c;你的一些困惑是&#xff0c;你正在阅读的博客文章是错的。关于多件事。试着忘记你曾经读过它&#xff08;除了记住网站和作者的名字&#xff0c;以便你以后知道如何避免它们。&#xff09; 确实&#xff0c;元组是可以清除的&#xff0c;列表不是&#xff0c;但…

基于 Flutter 的 Web 渲染引擎「北海」正式开源!

简介&#xff1a; 阿里巴巴历时 3 年自研开发的 Web 渲染引擎北海&#xff08;英文名&#xff1a;Kraken&#xff09;正式开源&#xff0c;致力打造易扩展&#xff0c;跨平台&#xff0c;高性能的渲染引擎&#xff0c;并已在优酷、大麦、天猫等业务场景中使用。 作者 | 染陌 来…

“倚天”一出,谁与争锋?阿里发布首颗云芯片倚天 710,死磕自研芯

作者 | 贾凯强、伍杏玲 出品 | CSDN云计算&#xff08;ID&#xff1a;CSDNcloud&#xff09;10 月 19 日&#xff0c;2021 年云栖大会正式拉开帷幕。达摩院院长、阿里云智能事业部总裁张建锋表示&#xff0c;如今一个以云为核心的新型计算体系结构正在形成&#xff0c;该…

私服服务器刷怪文件叫什么,《奇迹》关于刷怪文件Monstersetbase.txt的简单说明

关于刷怪文件Monstersetbase.txt的简单说明。它有两种刷怪物方式&#xff0c;一个是一个个的刷&#xff0c;还有一个是批量的刷。如果用一个一个刷每刷一个怪占据一行&#xff0c;所以非常占地方&#xff0c;并且也麻烦。一 单个刷怪说明。2// 42 42 5 30 22 12 -142 5 30 21 2…

三菱m70刀杯上下m代码_加工中心常用G代码和M代码大全,收藏好了

我们在使用数控加工中心的过程中&#xff0c;最常见的数控代码有两种&#xff0c;一种是G代码&#xff0c;一种是M代码。本文整理了常见的G代码和M代码的含义&#xff0c;不同厂商不同的数控系统可能稍有出入&#xff0c;在实际中以说明书为准。G代码&#xff1a;准备功能&…

DataWorks搬站方案:Azkaban作业迁移至DataWorks

简介&#xff1a; DataWorks迁移助手提供任务搬站功能&#xff0c;支持将开源调度引擎Oozie、Azkaban、Airflow的任务快速迁移至DataWorks。本文主要介绍如何将开源Azkaban工作流调度引擎中的作业迁移至DataWorks上。 DataWorks迁移助手提供任务搬站功能&#xff0c;支持将开源…

python会取代前端吗_大家说,python在不远的将来,会不会把java替代,为什么?

整天讨论哪个替代哪个, 烦不烦? 要我说, Java Python C JavaScript乃至C, 无一例外都是搬砖的工具. 什么叫搬砖工具呢? 就是你搬了10年和搬了两三年的, 不会有本质上的差别. 最多是你比我多知道几种茴香豆的写法. 搬了两三年还比不过搬了十几年的, 要么说明没认真, 要么说明他…

DataWorks搬站方案:Airflow作业迁移至DataWorks

简介&#xff1a; DataWorks提供任务搬站功能&#xff0c;支持将开源调度引擎Oozie、Azkaban、Airflow的任务快速迁移至DataWorks。本文主要介绍如何将开源Airflow工作流调度引擎中的作业迁移至DataWorks上 DataWorks提供任务搬站功能&#xff0c;支持将开源调度引擎Oozie、Az…

北森iTalentX 3.0:聚焦场景一体,开启HR全面数字化时代

10月19日&#xff0c;国内一体化HR SaaS引领者北森与国际数据公司&#xff08;IDC&#xff09;联合主办的2021中国HR SaaS云端论坛暨北森秋季产品发布会于线上开启。本次大会以“数智加速&#xff0c;聚云之巅”为主题&#xff0c;邀请来自国内顶尖学者、分析师、产业专家、数字…

mysql的每隔1分钟定时_深入研究MySQL(四)、备份与恢复

一、前言知道备份的重要性吗&#xff1f;没经历过的可能永远不知道&#xff0c;我们在重装系统、手机升级等时候&#xff0c;备份一下必要数据总是有好处的&#xff0c;指不定哪个神操作导致磁盘数据丢失&#xff0c;前些日子删库跑路被判刑的那位老哥&#xff0c;如果公司有备…

python缩进注意事项_python注意事项

以下基于python3.4.3 1.python3与python2不兼容 2.python语言正确的缩进很重要!事实上缩进是种语法 C中需要 { } 的的地方,python使用 : 缩进 实现 3.if else语句如果满足其中一条就会跳出判断 4.元组(),list[],dict{} 5.python dict{key:value}map<key:value> 6.Null与N…