如何使用ajax,ajax请求的五个步骤

如何使用ajax,ajax请求的五个步骤,第1张

如何使用ajax,ajax请求的五个步骤 有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在源码时代H5学科讲师带着大家重新来回顾一下知识点:随便再给大家普及一下小常识,今天咱们聊的就是怎么快速掌握Ajax。


小常识科普:Ajax全称是:Asynchronous JavaScript and Xml,常用于B/S架构上,是实现客户端与服务器端异步交互的主要手段。


通常浏览器中的交互模式一般分为:同步和异步交互两类。


那它们之间有哪些差别呢?第

一、同步交互:指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户不能做其它的事情,只有等待请求完成。



二、异步交互:指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户可以做其它的事情,不用等待请求完成。


这些都是请求交互过程中的差别,那么同步交互和异步的具体区别是什么呢?这时候就要把两者拿出来做比较了,毕竟没有比较就没有伤害,那我们开始他们俩者之间的伤害吧!开始!!!同步交互和异步交互的区别:同步交互:1.执行速度相对异步交互慢。


2.响应的是完整的HTML页面。


异步交互:1.执行的速度相对同步交互要快。


2.响应的是部分数据。


接下来,我将带着大家来亲自体验一下Ajax的魅力。


再开使用做demo之前,我们还是得来点基本知识点,即然说好了要体验:那么我们必须先来做一个,再创建Ajax前,我们必需要了解Ajax的核心对象,XMLHttpRequest,Ajax所有的属性和方法以及事件都需要在XMLHttpRequest对应中进行调用。


不然的话,这个事情就办不成了。


明白了Ajax对象,我们就来创建一个Ajax核心对象。


如何创建Ajax核心对象???通常情况下,我们会首先创建一个XMLHttpRequest对象的函数,然后在用某个变量去调用这个函数进行创建。


但是需要注意的是这个函数里的判断。


那我们就直接来上代码:再来回顾一下所要用到的知识点:总结:其实,实现ajax *** 作非常的简单,我们现在是以异步加载的效果为例;所以同学们在学习的时候可以按照下面的几个步聚去写:AJAX请求步骤1、创建ajax对象2、配置ajax,创建http连接3、创建ajax对象变化的监听4、向服务器发送请求5、接收服务器端的响应数据这几个步聚小伙伴们都GET到了吗?

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/610311.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-14
下一篇 2022-04-14

发表评论

登录后才能评论

评论列表(0条)

保存